Forum Discussion

adrian_lester's avatar
adrian_lester
Cloud Apps
04-04-2022
Solved

Arranging widgets in a dashboard

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!

Blox
dashboards & reporting
  • harikm007's avatar
    harikm007
    04-04-2022

    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

2 Replies

Replies have been turned off for this discussion
  • harikm007's avatar
    harikm007
    Data Warehouse
    04-04-2022

    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