Understanding Screen Size in Practice
Before choosing your design canvas size, it's important to understand how operating system scaling affects effective resolution.
A monitor running at 1920×1080 (Full HD) at 100% zoom will render your dashboard at the full 1920px width. However, often Windows users run their display at 125% scaling by default — which reduces the effective resolution to 1536×864.
This means a dashboard designed at 1920px wide may appear zoomed in or clipped. You can test the above by setting your own browser zoom to 125% to determine if this is the cause.
Recap:
1920×1080 is accurate if you can confirm your users are running at 100% OS zoom and 100% browser zoom
1536×864 is the effective resolution for Windows users who run their display at 125% scaling.
For laptops, 1280×800 is a reliable secondary target.
Mobile — Build a Dedicated Sheet
Astrato gives you full control over the mobile experience. Rather than relying on auto-scaling, the recommended approach is to build a separate sheet optimized for mobile and use Actions to route users to the right view automatically.
To set this up:
Complete your desktop sheet design
Clone the sheet and redesign it for portrait/mobile layout
In Actions, add logic: if the device window is portrait (taller than wide), navigate to the Mobile sheet — otherwise navigate to the Desktop sheet
Use show/hide sheet settings so users only ever see the sheet relevant to their device
Target canvas size for mobile: 390×844 (iPhone) or 360×800 (Android).
One workbook serves all devices — no need to duplicate your data model or logic.
Responsive Navigation
Astrato's navigation bar includes a responsive mode that automatically adjusts based on available canvas space. This is enabled by default on all new workbooks. Verify it is turned on, particularly when building for embedded or OEM use cases where the container width may vary.
Tables — Enable Responsive Sizing
Tables in Astrato do not automatically scale fonts and sizing unless responsive sizing is explicitly enabled. Go into each straight table's settings and turn this on so the table adapts cleanly across screen sizes.
Note: Responsive sizing is currently supported on straight tables only.
Note: Support for pivot and expandable tables is on the roadmap.
Embedded and OEM Builds
If you are embedding Astrato into a SaaS product or customer portal, design to the exact dimensions of the iframe or container your application provides — not the full browser viewport. Key considerations:
Stack content sections vertically for narrow containers
Keep filter controls sticky and accessible
Size buttons and interactive elements for touch use
Test at your actual production iframe dimensions before shipping