Dashboards & Visualizations

How to adjust the height of one panel to extend across 3 rows on a dashboard?

richaGindodia
Path Finder

Greetings,

I have three panels in a first row, two in second and two in third.
Can I have one of my panels of first row of 300 px or 25vh height. So that it could extend across all three rows. Is there a way that i can do it?
I was able to adjust the width using javascript, but not height. Please suggest a way out.

0 Karma
1 Solution

jmheaton
Path Finder

Unfortunately Splunk identifies rows as major breaks , so you cant expand a panel across two or more rows.

View solution in original post

jmheaton
Path Finder

Unfortunately Splunk identifies rows as major breaks , so you cant expand a panel across two or more rows.

richaGindodia
Path Finder

Thanks jmheaton. So are there no work-arounds.

0 Karma

jmheaton
Path Finder

Not with the current versions

0 Karma

Akumar294
Path Finder

Hello Guys,

Are there any work around to this problem since then?

0 Karma

clowdmike
New Member

The short answer is Yes - but you have to change the way you think of rows and panels.

The trick is that a panel divides a row, but what nobody else seems to have posted is that tables can divide a panel. It's all done in the XML after the fact.

So for your use case, you would only have one row, and a total of three panels. (Plus a hidden row)

<row>
    <panel depends="$alwaysHideCSS$">
      <html>
        <style>
          #id_left{
            width:33% !important;
          }
          #id_middle{
            width:33% !important;
          }
          #id_right{
            width:33% !important;
          }
        </style>
      </html>
    </panel>
  </row>
  <row>
    <panel id="left">
      <chart></chart>
    </panel>
    <panel id="middle">
      <table></table>
      <table></table>
      <chart></chart>
    </panel>
    <panel id="right">
      <chart></chart>
      <chart></chart>
      <chart></chart>
    </panel>
  </row>
0 Karma
Get Updates on the Splunk Community!

2024 Splunk Career Impact Survey | Earn a $20 gift card for participating!

Hear ye, hear ye! The time has come again for Splunk's annual Career Impact Survey!  We need your help by ...

Optimize Cloud Monitoring

  TECH TALKS Optimize Cloud Monitoring Tuesday, August 13, 2024  |  11:00AM–12:00PM PST   Register to ...

What's New in Splunk Cloud Platform 9.2.2403?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.2.2403! Analysts can ...