Dashboards & Visualizations

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

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

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

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

Path Finder

Thanks jmheaton. So are there no work-arounds.

0 Karma

Path Finder

Not with the current versions

0 Karma

Path Finder

Hello Guys,

Are there any work around to this problem since then?

0 Karma

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