Solved: Re: Increase font size and make it bold of a text ...

Ashwini008 · ‎09-14-2020

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?

renjith_nair · ‎09-14-2020

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 · ‎09-14-2020

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 · ‎09-14-2020

@renjith_nair Thank you:)It worked

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

CSS

Introducing the Splunk Community Dashboard Challenge!

Built-in Service Level Objectives Management to Bridge the Gap Between Service & ...

Get Your Exclusive Splunk Certified Cybersecurity Defense Engineer Certification at ...