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!

CX Day is Coming!

Customer Experience (CX) Day is on October 7th!! We're so excited to bring back another day full of wonderful ...

Strengthen Your Future: A Look Back at Splunk 10 Innovations and .conf25 Highlights!

The Big One: Splunk 10 is Here!  The moment many of you have been waiting for has arrived! We are thrilled to ...

Now Offering the AI Assistant Usage Dashboard in Cloud Monitoring Console

Today, we’re excited to announce the release of a brand new AI assistant usage dashboard in Cloud Monitoring ...