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!

Adoption of RUM and APM at Splunk

    Unleash the power of Splunk Observability   Watch Now In this can't miss Tech Talk! The Splunk Growth ...

Routing logs with Splunk OTel Collector for Kubernetes

The Splunk Distribution of the OpenTelemetry (OTel) Collector is a product that provides a way to ingest ...

Welcome to the Splunk Community!

(view in My Videos) We're so glad you're here! The Splunk Community is place to connect, learn, give back, and ...