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
State of Splunk Careers

Access the Splunk Careers Report to see real data that shows how Splunk mastery increases your value and job satisfaction.

Find out what your skills are worth!