Dashboards & Visualizations

Is it possible to split panels on Dashboard into 3rds?

DATT
Path Finder

Dashboard studio gives me the ability to drop panels and and move them around, which I love.  I can drag a panel on top of another and quickly create two equal size panels, each 50% of the size of the dashboard.  If I drag a 3rd panel into the same area though, I get three panels, one of which is 50% of the screen, and the other two are 25% each.  Is it possible to get them to be three equal sizes (~33%) or is my only option to fiddle with the sliders a bit and settle for good enough?

Labels (1)
0 Karma
1 Solution

livehybrid
SplunkTrust
SplunkTrust

If you edit the source of the dashboard you should be able to find a section called "layout" within the JSON, as below. 
Adjust the "w" value for each of your visualization to 1/3 of the "width" value (in my case 1440/3 = 480).
Set the second viz "x" position to 480 and the third viz "x" position to 2x480 (960) and this should give you an even 1/3 split.

It doesnt look like there is an easier way (ie it "snapping" to 1/3 grid size) unfortunately.

"layout": {
        "type": "grid",
        "options": {
            "width": 1440,
            "height": 960,
            "display": "auto"
        },
        "structure": [
            {
                "item": "viz_NFlIOSoJ",
                "type": "block",
                "position": {
                    "x": 0,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            },
            {
                "item": "viz_ZN3u7AG0",
                "type": "block",
                "position": {
                    "x": 480,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            },
            {
                "item": "viz_6G8sJ2GL",
                "type": "block",
                "position": {
                    "x": 960,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            }
        ],
        "globalInputs": [
            "input_global_trp"
        ]
    },

  I hope this helps!

View solution in original post

0 Karma

livehybrid
SplunkTrust
SplunkTrust

livehybrid_0-1738345500665.png

 

0 Karma

livehybrid
SplunkTrust
SplunkTrust

If you edit the source of the dashboard you should be able to find a section called "layout" within the JSON, as below. 
Adjust the "w" value for each of your visualization to 1/3 of the "width" value (in my case 1440/3 = 480).
Set the second viz "x" position to 480 and the third viz "x" position to 2x480 (960) and this should give you an even 1/3 split.

It doesnt look like there is an easier way (ie it "snapping" to 1/3 grid size) unfortunately.

"layout": {
        "type": "grid",
        "options": {
            "width": 1440,
            "height": 960,
            "display": "auto"
        },
        "structure": [
            {
                "item": "viz_NFlIOSoJ",
                "type": "block",
                "position": {
                    "x": 0,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            },
            {
                "item": "viz_ZN3u7AG0",
                "type": "block",
                "position": {
                    "x": 480,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            },
            {
                "item": "viz_6G8sJ2GL",
                "type": "block",
                "position": {
                    "x": 960,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            }
        ],
        "globalInputs": [
            "input_global_trp"
        ]
    },

  I hope this helps!

0 Karma

DATT
Path Finder

This worked for me on a fresh dashboard, thank you.  

I tried this on an existing dashboard though and quickly found out that if you get the numbers even off a little, you end up hiding/deleting (I wasn't sure what actually happened) other panels elsewhere on the dashboard - It's like they get pushed off into the ether.  I ended up having to rebuild the dashboard from scratch 😞

A friendly heads-up for anyone that comes along in the future!

0 Karma
Get Updates on the Splunk Community!

Splunk Search APIを使えば調査過程が残せます

   このゲストブログは、JCOM株式会社の情報セキュリティ本部・専任部長である渡辺慎太郎氏によって執筆されました。 Note: This article is published in both Japanese ...

Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...

 Splunk is More Than Just the Web Console For Digital Forensics and Incident Response (DFIR) practitioners, ...

Congratulations to the 2025-2026 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...