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!

Share Your Ideas & Meet the Lantern team at .Conf! Plus All of This Month’s New ...

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

Combine Multiline Logs into a Single Event with SOCK: a Step-by-Step Guide for ...

Combine multiline logs into a single event with SOCK - a step-by-step guide for newbies Olga Malita The ...

Stay Connected: Your Guide to May Tech Talks, Office Hours, and Webinars!

Take a look below to explore our upcoming Community Office Hours, Tech Talks, and Webinars this month. This ...