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!

Index This | Why did the turkey cross the road?

November 2025 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Enter the Agentic Era with Splunk AI Assistant for SPL 1.4

  &#x1f680; Your data just got a serious AI upgrade — are you ready? Say hello to the Agentic Era with the ...

Feel the Splunk Love: Real Stories from Real Customers

Hello Splunk Community,    What’s the best part of hearing how our customers use Splunk? Easy: the positive ...