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?
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!
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!
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!