Dashboards & Visualizations

Increase font size and make it bold of a text present in a panel

Ashwini008
Builder

Hi ,

I am trying to increase font size and make it bold of text present in a panel.

Panel consists of radio button and two dropdowns. I want to increase font size of radio button options and label of dropdowns.

any simple html code that i can include in xml?

 

 

 
 
 
 

 

Labels (1)
0 Karma
1 Solution

renjith_nair
Legend

You may adjust the font size according to your requirement

<form>
  <label>Font Size</label>
  <row>
    <panel>
      <html depends="$hidden$">
        <style>
            #radio1 .splunk-radiogroup label {
              font-size:25px !important;
              font-weight: bold;
            }
            #dropDown1 label {
              font-size:25px !important;
              font-weight: bold;
            }
        </style>
      </html>
    </panel>
  </row>
  <fieldset submitButton="false">
    <input type="radio" token="field1" id="radio1">
      <label>Radio</label>
      <choice value="Value1">Name1</choice>
      <choice value="Value2">Name2</choice>
    </input>
    <input type="dropdown" token="field2" id="dropDown1">
      <label>Dropdown</label>
      <choice value="Value1">Name1</choice>
      <choice value="Value2">Name2</choice>
    </input>
  </fieldset>
</form>

 

---
What goes around comes around. If it helps, hit it with Karma 🙂

View solution in original post

renjith_nair
Legend

You may adjust the font size according to your requirement

<form>
  <label>Font Size</label>
  <row>
    <panel>
      <html depends="$hidden$">
        <style>
            #radio1 .splunk-radiogroup label {
              font-size:25px !important;
              font-weight: bold;
            }
            #dropDown1 label {
              font-size:25px !important;
              font-weight: bold;
            }
        </style>
      </html>
    </panel>
  </row>
  <fieldset submitButton="false">
    <input type="radio" token="field1" id="radio1">
      <label>Radio</label>
      <choice value="Value1">Name1</choice>
      <choice value="Value2">Name2</choice>
    </input>
    <input type="dropdown" token="field2" id="dropDown1">
      <label>Dropdown</label>
      <choice value="Value1">Name1</choice>
      <choice value="Value2">Name2</choice>
    </input>
  </fieldset>
</form>

 

---
What goes around comes around. If it helps, hit it with Karma 🙂

Ashwini008
Builder

@renjith_nair Thank you:)It worked

0 Karma
Get Updates on the Splunk Community!

Everything Community at .conf24!

You may have seen mention of the .conf Community Zone 'round these parts and found yourself wondering what ...

Index This | I’m short for "configuration file.” What am I?

May 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with a Special ...

New Articles from Academic Learning Partners, Help Expand Lantern’s Use Case Library, ...

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