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!

Join Us for Splunk University and Get Your Bootcamp Game On!

If you know, you know! Splunk University is the vibe this summer so register today for bootcamps galore ...

.conf24 | Learning Tracks for Security, Observability, Platform, and Developers!

.conf24 is taking place at The Venetian in Las Vegas from June 11 - 14. Continue reading to learn about the ...

Announcing Scheduled Export GA for Dashboard Studio

We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...