Dashboards & Visualizations

How to only change style through html to just one panel and not entire dashboard

MeMilo09
Path Finder

Hi Splunk Community,

How can I get the style from html to only apply to just one panel and not the entire dashboard. I wish to decrease the size to just one panel, but it applies the style to the entire dashboard. Below is my code only for the panel I would like to style. Any advise is helpful. 

 

 
</fieldset>
  <row >
    <panel>
      <html>
 <style>

          td {

           line-height: 10px !important;

           font-size: 5px !important;

          }

        </style>

      </html>

      <table>

        <title>Last Updated</title>

        <search>

          <query>| rest /servicesNS/-/-/data/lookup-table-files search="*_Sports_Report.csv"

| eval updated=strptime(updated,"%FT%T%:z")

| eval desired_time=strftime(updated, "%B %d, %Y")

| rename desired_time as "Last Updated" title as Team

| table "Last Updated", Team
</query>

          <earliest>-15m</earliest>

          <latest>now</latest>

        </search>

        <option name="drilldown">none</option>

      </table>

    </panel>

  </row>

 

 

Labels (4)
Tags (3)
0 Karma
1 Solution

ITWhisperer
SplunkTrust
SplunkTrust

Give your panel/table an id and use that as a qualifier in your style

</fieldset>
  <row >
    <panel>
      <html>
 <style>
          #smaller td {
           line-height: 10px !important;
           font-size: 5px !important;
          }
        </style>
      </html>
      <table id="smaller">
        <title>Last Updated</title>
        <search>
          <query>| rest /servicesNS/-/-/data/lookup-table-files search="*_Sports_Report.csv"
| eval updated=strptime(updated,"%FT%T%:z")
| eval desired_time=strftime(updated, "%B %d, %Y")
| rename desired_time as "Last Updated" title as Team
| table "Last Updated", Team
</query>
          <earliest>-15m</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>

View solution in original post

ITWhisperer
SplunkTrust
SplunkTrust

Give your panel/table an id and use that as a qualifier in your style

</fieldset>
  <row >
    <panel>
      <html>
 <style>
          #smaller td {
           line-height: 10px !important;
           font-size: 5px !important;
          }
        </style>
      </html>
      <table id="smaller">
        <title>Last Updated</title>
        <search>
          <query>| rest /servicesNS/-/-/data/lookup-table-files search="*_Sports_Report.csv"
| eval updated=strptime(updated,"%FT%T%:z")
| eval desired_time=strftime(updated, "%B %d, %Y")
| rename desired_time as "Last Updated" title as Team
| table "Last Updated", Team
</query>
          <earliest>-15m</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>

MeMilo09
Path Finder

@ITWhisperer  Awesome, thanks!

0 Karma
Get Updates on the Splunk Community!

Splunk Forwarders and Forced Time Based Load Balancing

Splunk customers use universal forwarders to collect and send data to Splunk. A universal forwarder can send ...

NEW! Log Views in Splunk Observability Dashboards Gives Context From a Single Page

Today, Splunk Observability releases log views, a new feature for users to add their logs data from Splunk Log ...

Last Chance to Submit Your Paper For BSides Splunk - Deadline is August 12th!

Hello everyone! Don't wait to submit - The deadline is August 12th! We have truly missed the community so ...