Dashboards & Visualizations

How to achieve this panel layout in dashboard?

supraja
Path Finder

supraja_0-1664265193110.png

 

Labels (1)
Tags (1)
0 Karma

bowesmana
SplunkTrust
SplunkTrust

You can achieve a lot with CSS and XML dashboards.

If you want panel 1 and panels 3,4,5 on separate rows, where panel2 then spans two rows, that's very involved.

Note that you can have multiple visualisations inside a single <panel> element and different visualisation elements have a layout where:

<single> visualisation elements stack horizonally inside a <panel> and other elements will stack vertically. So, technically you could achieve that layout IFF panels 3,4,5 are single value viz like this

<row depends="$CSS_ONLY$">
  <panel>
    <html>
        <style>
          #my_panels .dashboard-cell:nth-child(1) {
            width:60% !important;
          }
          #my_panels .dashboard-cell:nth-child(2) {
            width:40% !important;
          }
        </style>
     </html>
  </panel>
</row>
<row id="my_panels">
  <panel>
    <chart>
      Chart viz goes here (panel1)
    </chart>
    <single>
      Single viz here (panel3)
    </single>
    <single>
      Single viz here (panel4)
    </single>
    <single>
      Single viz here (panel5)
    </single>
  </panel>
  <panel>
    <table>
      Table viz goes here
    <table>
  </panel>
</row>

 The first row is just used to define CSS and the CSS here will set the width of the left hand panel to be 60% and the right hand 40%.

Then there is a single visualisation in the right hand panel (table) and then in the left hand, there are 4, where the first is a chart and the last 3 are all single value ones.

This may not be a solution for you but hopefully gives you an example of what you can easily do with CSS

0 Karma

supraja
Path Finder

yeah, but i am looking for panel 3 , 4, 5 as pie charts . 

0 Karma

FelixLeh
Contributor

I don't think this is possible with the classic dashboard layout because of simple XML limitations. 
It is very easily achievable with the new dashboard studio though (which you can choose upon creation of the dashboard) because it allows you to move panels wherever you want on the dashboard.

Hope this helps!

_______________________________________

If this was helpful please consider awarding Karma. Thx!

 

0 Karma
Get Updates on the Splunk Community!

See just what you’ve been missing | Observability tracks at Splunk University

Looking to sharpen your observability skills so you can better understand how to collect and analyze data from ...

Weezer at .conf25? Say it ain’t so!

Hello Splunkers, The countdown to .conf25 is on-and we've just turned up the volume! We're thrilled to ...

How SC4S Makes Suricata Logs Ingestion Simple

Network security monitoring has become increasingly critical for organizations of all sizes. Splunk has ...