topic Re: is there a way to add CSS code inside the Dashboard HTML code? in Dashboards & Visualizations

is there a way to add CSS code inside the Dashboard HTML code?

maximusdm — Thu, 19 Jan 2017 22:40:00 GMT

Hi there
I know I can create my CSS file and copy it to a specific dir and point to the file as follows:

However I do not have access to the Splunk server directories/or even the physical server.
I need to add the code below to reduce the font size of my single value:

  .single-value .single-result {
      font-size: 18px !important;
  }

Is there a way to do that?

Re: is there a way to add CSS code inside the Dashboard HTML code?

lquinn — Fri, 20 Jan 2017 02:29:08 GMT

Is it a HTML dashboard or XML?

Re: is there a way to add CSS code inside the Dashboard HTML code?

lquinn — Fri, 20 Jan 2017 02:36:51 GMT

If you just want to do this in a HTML dashboard you can simply include the above css within style tags after your header. You can edit the source code straight from the Splunk UI. So something like this ...

<style>
    .single-value .single-result {
        font-size: 18px !important;
    }
</style>

Re: is there a way to add CSS code inside the Dashboard HTML code?

maximusdm — Fri, 20 Jan 2017 03:14:09 GMT

I had tried that but it gives me an error when parsing the XML. Where exactly do I add it?
before or inside the tag? I tried both. Thanks

Re: is there a way to add CSS code inside the Dashboard HTML code?

maximusdm — Fri, 20 Jan 2017 03:16:18 GMT

It says View Type XML

Re: is there a way to add CSS code inside the Dashboard HTML code?

maximusdm — Fri, 20 Jan 2017 03:18:17 GMT

I found this help but I dont have access to the splunk directories.:
https://docs.splunk.com/Documentation/Splunk/6.5.1/AdvancedDev/UseCSS

In Asp.Net I always use for small modifications instead of pointing to a CSS file.

Re: is there a way to add CSS code inside the Dashboard HTML code?

lquinn — Fri, 20 Jan 2017 03:21:05 GMT

This works for HTML dashboards not XML. Not quite so simple I don't think if you want to keep it as XML ...