Dashboards & Visualizations

Bring vertical scroll bar on a specific dashboard panel

architkhanna
Path Finder

I am trying to add a vertical scroll bar for a panel in my dashboard.

Added this code to one of my panel in dashboard.

   <html>
     <style>
       .dashboard-row .dashboard-panel .panel-element-row {
         overflow: auto;
         max-height: 200px;
       }
     </style>
   </html>
 </panel>

This works.However this is bringing scrollbar to all the panels on my dashboard.
Is there a way I can add this scroll to only a specific panel and not all?

0 Karma

vnravikumar
Champion

Hi

Try with id like below

<dashboard>
  <label>test</label>
  <row>
    <html>
       <style >
          #panel2 .panel-element-row {
          overflow: auto;
          max-height: 200px;
        }
        </style>
    </html>
  </row>
  <row>
    <panel id="panel1">

      <chart>
        <search>
          <query>index=_internal|timechart span=1d count by source</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="charting.chart">line</option>
        <option name="charting.drilldown">none</option>
      </chart>
    </panel>
  </row>
  <row>
    <panel id="panel2">
      <chart>
        <search>
          <query>index=_internal|timechart span=1d count by source</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="charting.chart">area</option>
        <option name="charting.drilldown">none</option>
      </chart>
    </panel>
  </row>
</dashboard>
0 Karma
Get Updates on the Splunk Community!

Splunk Observability Cloud | Unified Identity - Now Available for Existing Splunk ...

Raise your hand if you’ve already forgotten your username or password when logging into an account. (We can’t ...

Index This | How many sides does a circle have?

February 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

Registration for Splunk University is Now Open!

Are you ready for an adventure in learning?   Brace yourselves because Splunk University is back, and it's ...