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!

Stay Connected: Your Guide to July and August Tech Talks, Office Hours, and Webinars!

Dive into our sizzling summer lineup for July and August Community Office Hours and Tech Talks. Scroll down to ...

Edge Processor Scaling, Energy & Manufacturing Use Cases, and More New Articles on ...

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

Get More Out of Your Security Practice With a SIEM

Get More Out of Your Security Practice With a SIEMWednesday, July 31, 2024  |  11AM PT / 2PM ETREGISTER ...