Dashboards & Visualizations

Bring vertical scroll bar on a specific dashboard panel

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

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
Don’t Miss Global Splunk
User Groups Week!

Free LIVE events worldwide 2/8-2/12
Connect, learn, and collect rad prizes
and swag!