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!

Detecting Brute Force Account Takeover Fraud with Splunk

This article is the second in a three-part series exploring advanced fraud detection techniques using Splunk. ...

Buttercup Games: Further Dashboarding Techniques (Part 9)

This series of blogs assumes you have already completed the Splunk Enterprise Search Tutorial as it uses the ...

Buttercup Games: Further Dashboarding Techniques (Part 8)

This series of blogs assumes you have already completed the Splunk Enterprise Search Tutorial as it uses the ...