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!

Observe and Secure All Apps with Splunk

  Join Us for Our Next Tech Talk: Observe and Secure All Apps with SplunkAs organizations continue to innovate ...

Splunk Decoded: Business Transactions vs Business IQ

It’s the morning of Black Friday, and your e-commerce site is handling 10x normal traffic. Orders are flowing, ...

Fastest way to demo Observability

I’ve been having a lot of fun learning about Kubernetes and Observability. I set myself an interesting ...