Grid and Widget Size

Bitpool Cloud Dashboards are designed to work on any device, regardless of the screen size. This section explains how the size function works and how it can be customized to fit your needs.

Screen size configuration options

When viewing a Dashboard, your browser width (size in pixels) determines which Grid and Widget size settings the Bitpool Cloud Platform will select. The User will have to configure sizing for all 4 modes on all grids and widgets to ensure Dashboards resize correctly. Please view the Tweaking Grid and Widget Size section to see the process of creating a Dashboard with size layouts.

Mode
From
To

Desktops, Laptops

1400 px

Tablet landscape, Laptops

992 px

1399 px

Tablet portrait

768 px

991 px

Mobile landscape

576 px

990 px

Mobile portrait

0

575 px

Size setting below shows the grid set with 25% width on Desktops, Laptops mode. The Dashboard example shows how widgets in the grid looks on the page.

Grid Settings to 25% of Dashboard Page
Desktop size Dashboard showing the Grid width of 25%

Size setting below shows the grid set with 100% width on Tablet portrait mode. The Dashboard example shows how widgets in the grid looks on the page.

Grid Settings to 100% of Dashboard Page
Tablet portrait size Dashboard showing the Grid width of 100%

The Tablet portrait mode above has the Display Widgets (Phase A, Phase B and Phase C) sizes set to 33% (each) of the width of the Grid when in Tablet portrait size.

Last updated