Dashboards & Visualizations

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

maximusdm
Communicator

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?

Tags (3)
0 Karma
1 Solution

lquinn
Contributor

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>

View solution in original post

0 Karma

lquinn
Contributor

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>
0 Karma

maximusdm
Communicator

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

0 Karma

lquinn
Contributor

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

0 Karma

lquinn
Contributor

Is it a HTML dashboard or XML?

0 Karma

maximusdm
Communicator

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.

0 Karma

maximusdm
Communicator

It says View Type XML

0 Karma
Get Updates on the Splunk Community!

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...

New in Observability Cloud - Explicit Bucket Histograms

Splunk introduces native support for histograms as a metric data type within Observability Cloud with Explicit ...