Using the Responsive Dashboard Layout
Composer's dashboard layout is responsive, building on a grid format that presents your dashboards to Users with Viewer access a flexible, mobile-friendly layout on a variety of screen sizes. Composer rebuilds the dashboard layout on smaller screen sizes for any widget wider than 250 pixels. Preview the dashboard in View mode.
Edit mode:
View mode:
When you add widgets in Edit mode, Composer groups the widgets in rows and columns. These rows include up to four widgets side by side in a single row. When you add a fifth widget to a dashboard that includes four widgets in a row, Composer starts a new row with the new widget.
If you move, resize, or reposition widgets, then add a new one, Composer will add any new widgets to the first row that contains fewer than three widgets.
Manage Your Dashboard Layout
Select the Dashboard Layout icon () to open the Dashboard Layout work area. Here you can enable and disable locking mode, the responsive layout, and manage the minimum widget widths and heights.
| Dashboard Layout Option | Description / Actions |
|---|---|
Locking Mode |
|
Responsive Layout |
|
Min widget width |
By default, the width is 250 pixels. Set from 1 to 250 pixels. When the dashboard is in View mode, widgets are resized to no smaller than the defined size, based on browser window size. |
Min widget height |
By default, the height is 50 pixels. Set from 1 to 250 pixels. When the dashboard is in View mode, widgets are resized to no smaller than the defined size, based on browser window size. |
Note:
Use the property supressResponsiveLayout to control if the responsive layout is enabled or disabled. By default, this is set to false, enabling responsive layout. In embedded environments, set to true to suppress responsive layout.
Comments
0 comments
Please sign in to leave a comment.