Bitpool Cloud Platform
Bitpool Website
  • Bitpool Cloud Platform
    • General Tools
      • Account Settings
        • Account Details
        • Set UI Options
        • Changing your Password
      • Navigation
        • Navigation Bar
        • Page Title And Dashboard Tree
        • Sidebar Widgets
        • Dashboard Comments
        • User and Organisation Details
        • Dashboard Actions
        • Widgets Navigation
    • Dashboards
      • Widgets Introduction
      • Widget Groups
        • Data Visualisation
        • Charting
        • Time and Date
        • Display
        • Weather
        • Utility
        • Infographic
        • Command and Control
      • Grid and Widget Size
      • Dashboard Creation
        • Create a Dashboard
        • Adding Widgets
        • Tweaking Grid and Widget Size
    • Data
    • Flows
      • Flow Tools
        • Stream Types Nodes
        • Math Nodes
        • Data Nodes
        • Insights Nodes
      • Virtual Streams
    • Presentation
    • Connections
      • MQTT
      • Haystack
      • API
      • CSV Importer
      • Windows Uploader
    • Reports
      • Create a Report
      • Create a Template
      • Report and Template Elements
        • Header
        • Footer
        • Baseline Compare Chart
        • Consumption Table
        • Period Compare Chart
        • Date Range
        • Date
        • Markdown
        • Stacked Chart
        • Total Table
        • Pie Chart
        • Table
        • Page Break
        • Bitpool AI
        • Text Box
        • Summary Card
        • Image
        • Total Value
        • Chart
    • Semantics
    • Tag Manager
    • Admin
Powered by GitBook
On this page
  1. Bitpool Cloud Platform
  2. Dashboards

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.

PreviousCommand and ControlNextDashboard Creation

Last updated 4 months ago

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 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.

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.

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.

Tweaking Grid and Widget Size
Screen size configuration options
Grid Settings to 25% of Dashboard Page
Desktop size Dashboard showing the Grid width of 25%
Grid Settings to 100% of Dashboard Page
Tablet portrait size Dashboard showing the Grid width of 100%