Arranging widgets in a dashboard

[adrian_lester]

I'd like to layout widgets better on my page, and I reckon I need to use blox to do that - almost like old-school HTML and divs for controlling layout (stop me if I'm wrong!) .

What I can't figure out is how to put widgets into a blox container.   Can anyone share how to do that?  The layout I'm after has different numbers of widgets per row, and some widgets that span 2 columns.   All help gratefully received!

[harikm007 · Accepted solution]

@adrian_lester ,

One option is to add iFrame within blox and embed widget.

{
    "style": "",
    "showCarousel": false,
    "body": [
        {
            "type": "Container",
            "width": "50%",
            "items": [
                {
                    "type": "TextBlock",
                    "id": "",
                    "class": "",
                    "text": "<iframe src='widget_url?embed=true' width='50%' height='600' style='border:none;overflow:hidden'></iframe>"
                }
            ]
        },
        {
            "type": "Container",
            "width": "50%",
            "items": [
                {
                    "type": "TextBlock",
                    "id": "",
                    "class": "",
                    "text": "<iframe src='widget_url?embed=true' width='50%' height='600' style='border:none;overflow:hidden'></iframe>"
                }
            ]
        }
    ]
}

-Hari

[adrian_lester]

Thanks Hari, that works really well for me.