Solved: How to only change style through html to just one ...

MeMilo09 · ‎05-26-2021

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>

ITWhisperer · ‎05-26-2021

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 · ‎05-26-2021

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 · ‎05-28-2021

@ITWhisperer Awesome, thanks!

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

CSS

panel

simple XML

Accelerating Observability as Code with the Splunk AI Assistant

Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...

Congratulations to the 2025-2026 SplunkTrust!

Join the Conversation