Re: Bring vertical scroll bar on a specific dashbo...

architkhanna · ‎11-07-2019

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?

vnravikumar · ‎11-07-2019

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>

Bring vertical scroll bar on a specific dashboard panel

Join Us for Splunk University and Get Your Bootcamp Game On!

.conf24 | Learning Tracks for Security, Observability, Platform, and Developers!

Announcing Scheduled Export GA for Dashboard Studio