Dashboards & Visualizations

Adjust Trellis Font Size (Results)

nwoodco1
Explorer

I am trying to change the font size of the time in the trellis, you can see that when all D H M are double digits t both sides are cut off, the label of each trellis was also being cut off, but using this css that I found in another I was able to change the font size, but I cannot figure out how to change the other font. I am assuming facet- is what I am missing. When I remove -label no formatting is changed, but I cannot figure out what to put that changes the result in the trellis.
CSS:

<style>
           .viz-panel.viz-facet-size-medium .facet-label{
            font-size:11px !important;
            font-weight: bold !important;
           }
         </style>
0 Karma

niketn
Legend

@nwoodco1 try the following where single value with trellis has id trellis_single i.e. <single id="trellis_single">

    <style>
      #trellis_single div.viz-facet{
        width: 220px !important;
      }
      #trellis_single text.single-result{
        transform: translate(25px,0px);
      }
      #trellis_single .viz-panel.viz-facet-size-medium .facet-label{
        font-size:11px !important;
        font-weight: bold !important;
      }
    </style>

PS: Width and translate you will have to adjust as per your need. For example in my case if 25px extra width was required, I change facet viz width also by 25px to 220px (or may be little more to allow padding between consecutive values).

Please try out and confirm!

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

nwoodco1
Explorer

alt text

0 Karma
Get Updates on the Splunk Community!

Video | Welcome Back to Smartness, Pedro

Remember Splunk Community member, Pedro Borges? If you tuned into Episode 2 of our Smartness interview series, ...

Detector Best Practices: Static Thresholds

Introduction In observability monitoring, static thresholds are used to monitor fixed, known values within ...

Expert Tips from Splunk Education, Observability in Action, Plus More New Articles on ...

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...