Dashboards & Visualizations
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
Ask a Question
Solved! Jump to solution

Change the font size of Single value panel title tag in Simple XML

karthi25
Path Finder
‎12-05-2017 10:09 PM

I am having four single value panel in a same row on the XML dashboard.I have used the below code to reduce the font size 

#id .single-value .single-result {
      font-size: 25px !important;
  }

Its reduces the font size of the result as expected.
Now I want to reduce only the title font size some more.Can anyone please suggest me to do it.

Tags (1)
0 Karma
Reply
1 Solution
Solved! Jump to solution
Solution

niketn
Legend
‎12-06-2017 12:53 AM

@karthi25, you can add the following CSS

      #id .dashboard-element-title{
        font-size: 90% !important;
      }

Following is run anywhere dashboard to test the changes:

<dashboard>
  <label>Change Single Value Title Size</label>
  <row>
    <panel>
      <html>
        <style>
          #id .dashboard-element-title{
            font-size: 90% !important;
          }
          #id .single-value .single-result {
            font-size: 25px !important;
          }
        </style>
      </html>
      <single id="id">
        <title>Single Value Title</title>
        <search>
          <query>| makeresults
| eval data = 1023
| table data</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
        <option name="refresh.display">progressbar</option>
        <option name="showTrendIndicator">0</option>
      </single>
    </panel>
  </row>
</dashboard>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

Reply
Solved! Jump to solution
Solution

niketn
Legend
‎12-06-2017 12:53 AM

@karthi25, you can add the following CSS

      #id .dashboard-element-title{
        font-size: 90% !important;
      }

Following is run anywhere dashboard to test the changes:

<dashboard>
  <label>Change Single Value Title Size</label>
  <row>
    <panel>
      <html>
        <style>
          #id .dashboard-element-title{
            font-size: 90% !important;
          }
          #id .single-value .single-result {
            font-size: 25px !important;
          }
        </style>
      </html>
      <single id="id">
        <title>Single Value Title</title>
        <search>
          <query>| makeresults
| eval data = 1023
| table data</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
        <option name="refresh.display">progressbar</option>
        <option name="showTrendIndicator">0</option>
      </single>
    </panel>
  </row>
</dashboard>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
Reply
Get Updates on the Splunk Community!

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...