Solved: How to control size of text in Trellis layout

stanwin · ‎10-31-2018

Hi

How do I control the size of the text displayed for the Trellis layout.

I am using the status indicator viz with trellis.

However the text displayed above the split by is too small. Using large size for trellis viz is not an option.

We can control the status_indicator_app viz with

  <option name="status_indicator_app.status_indicator.staticColor">#2625A2</option>

but below does not work

<option name="status_indicator_app.status_indicator.fontSize">24px</option>

Likewise for trellis

   <option name="trellis.splitBy">channel</option>

below does not work

  <option name="trellis.fontSize">channel</option>

No options present in http://docs.splunk.com/Documentation/Splunk/6.2.1/Viz/ChartConfigurationReference

kozanic_FF · ‎11-04-2018

Hey stanwin,

I was having the same issue for a while now - but after another day of googling I managed to find a solution.

Try adding this to your dashboard:

  <row depends="$alwaysHideCSSPanel$">
    <panel>
      <html>
        <style>
          .viz-panel.viz-facet-size-large .facet-label{
           font-size:28px !important;
           font-weight: bold !important;
          }
        </style>
      </html>
    </panel>
  </row>

You may need to change "viz-facet-size-large" to suit the size of the Trellis you are using

View solution in original post

kozanic_FF · ‎11-04-2018

Hey stanwin,

I was having the same issue for a while now - but after another day of googling I managed to find a solution.

Try adding this to your dashboard:

  <row depends="$alwaysHideCSSPanel$">
    <panel>
      <html>
        <style>
          .viz-panel.viz-facet-size-large .facet-label{
           font-size:28px !important;
           font-weight: bold !important;
          }
        </style>
      </html>
    </panel>
  </row>

You may need to change "viz-facet-size-large" to suit the size of the Trellis you are using

kozanic_FF · ‎12-09-2018

Hey stanwin,

Just wondering if this did what you need?

jbullough · ‎03-29-2019

This doesn't seem to do anything. Do I need to make other changes to make this work? Does this work in simple XML?

jbullough · ‎03-29-2019

Scratch that it works great. I must have had a typo the first time. Thanks!!!!

stanwin · ‎12-12-2018

Hello Kozanic

Excellent, thanks for the tip ! I was able to play around & using inspect figure out the element to change.

just adding below works also.

 <row>
    <panel>
      <html>
<style>
 .facet-label{
font-size:32px !important;
font-weight: bold !important;
}
</style>
</html>
      <viz type="status_indicator_app.status_indicator">
        <search>
          <query>

for the one you mentioned, yes correct we have to match the size of trellis selected. e.g. for anyone who reads this

viz-facet-size-

<row>
    <panel>
      <html>
<style>
 .viz-panel.viz-facet-size-small .facet-label{
font-size:52px !important;
font-weight: bold !important; 
}
</style>
</html>
      <viz type="status_indicator_app.status_indicator">

How to control size of text in Trellis layout

Announcing the Expansion of the Splunk Academic Alliance Program

Learn Splunk Insider Insights, Do More With Gen AI, & Find 20+ New Use Cases You Can ...

Buttercup Games: Further Dashboarding Techniques (Part 7)