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!

Accelerating Observability as Code with the Splunk AI Assistant

We’ve seen in previous posts what Observability as Code (OaC) is and how it’s now essential for managing ...

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 ...