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!

Improve Your Security Posture

Watch NowImprove Your Security PostureCustomers are at the center of everything we do at Splunk and security ...

Maximize the Value from Microsoft Defender with Splunk

 Watch NowJoin Splunk and Sens Consulting for this Security Edition Tech TalkWho should attend:  Security ...

This Week's Community Digest - Splunk Community Happenings [6.27.22]

Get the latest news and updates from the Splunk Community here! News From Splunk Answers ✍️ Splunk Answers is ...