cancel
Showing results for 
Search instead for 
Did you mean: 

Arranging widgets in a dashboard

adrian_lester
8 - Cloud Apps
8 - Cloud Apps

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!

1 ACCEPTED SOLUTION

harikm007
13 - Data Warehouse
13 - Data Warehouse

@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

View solution in original post

2 REPLIES 2

harikm007
13 - Data Warehouse
13 - Data Warehouse

@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
8 - Cloud Apps
8 - Cloud Apps

Thanks Hari, that works really well for me.