Groups that depend on dashboards for every day selections typically should pinch and zoom to work together with controls initially designed for bigger shows. Checking income throughout a morning standup, reviewing pipeline metrics between conferences, or monitoring operations whereas touring all require additional effort when the dashboard was constructed for a desktop display.
Cellular Structure for Amazon Fast Free Kind dashboards solves this by routinely rendering dashboards as a single-column, touch-optimized view that fills the system display. Readers get fast entry to their information with out resizing or scrolling horizontally. Cellular Structure for Free Kind dashboards is now obtainable in every supported AWS Area. Cellular Structure transforms the desktop canvas right into a single-column, steady scroll expertise sized for the system. Visuals fill the display width, preserve their facet ratio, and stay interactive.
Authors don’t have to make modifications for this to take impact. Dashboard readers get fast, frictionless entry to their information on any cellphone or pill. On this submit, we present you the way Cellular Structure works and what you are able to do to optimize your dashboards.
The next animation reveals a Free Kind dashboard opening on a cellphone in Cellular Structure, with the reader scrolling by key efficiency indicators (KPIs) and charts in a steady vertical feed.
Cellular structure defined
Cellular Structure is a rendering mode for Free Kind dashboards. When a reader opens a Free Kind dashboard on a tool with a small viewport, Amazon Fast detects the display dimension and renders the cellular view. The reader will get a single-column, vertically scrollable feed of visuals, every sized to fill the display width.
Detection relies on the system viewport. When the viewport falls inside cellphone or pill dimensions, Cellular Structure prompts. On bigger screens, the usual desktop rendering is used.
Capabilities
Cellular Structure contains the next capabilities for Free Kind dashboards.
Steady scroll. Visuals stack in a single column. Every visible fills the total viewport width. Facet ratios are preserved: portrait-shaped visuals keep tall, landscape-shaped visuals keep vast.
Group-aware rendering. Free Kind dashboards typically use overlapping visuals (for instance, KPI values layered on a coloured background). Cellular Structure respects group boundaries. Grouped visuals render collectively as a single unit, preserving the layered design.
Reader controls. Within the Fast cellular app, readers can use a built-in view switcher to toggle between Cellular view (steady scroll) and Desktop view (the unique rendering). On internet (cellular browser), portrait orientation renders the cellular expertise and panorama orientation renders the desktop expertise.
Efficiency. Cellular Structure makes use of an optimized rendering path that reduces useful resource consumption on cellular units. Dashboards that beforehand had issue rendering on telephones now load and scroll easily.
The next picture reveals the identical dashboard in Desktop view (left) and Cellular steady scroll view (proper).
Required actions
For dashboard readers: Nothing. Cellular Structure works for current Free Kind dashboards. There isn’t a setting to activate, no migration to carry out, and nothing to replace. Open a dashboard on a cellphone or pill and entry the cellular view instantly.
For authors and directors: Nothing is required. Authors of Free Kind dashboards profit routinely as a result of their revealed dashboards already render in Cellular Structure on smaller screens. Authors who use Tiled or Traditional layouts should not affected. These structure sorts retain their current responsive conduct. Directors don’t have to configure something. Cellular Structure is energetic by default for Free Kind dashboards throughout the account.
Getting the most effective cellular expertise with teams
Authors who use overlapping visuals can take one optionally available step to confirm that their design interprets effectively to cellular: arrange these visuals into Teams.
In Free Kind structure, authors generally layer visuals on high of one another. You would possibly place KPI values on high of a coloured background, or stack comparability playing cards over a container.
On desktop, these overlapping components render as supposed. On cellular, the structure engine must resolve the best way to deal with them.
With out grouping, every visible turns into its personal card within the cellular scroll. A KPI that sits on a background picture seems as separate components: the background rendered as one card, every KPI rendered as a separate card. The visuals nonetheless render accurately, however they lose their layered relationship.
With grouping, all visuals within the group render collectively as a single unit. The background and KPIs keep collectively, preserving the banner because the writer designed it.
For documentation on working with visible teams in Free Kind structure, seek advice from Customizing visuals in a free-form structure.
The next animation compares grouped visuals (the place the KPI banner stays as one unit) with ungrouped visuals (the place KPIs seem as separate playing cards) on cellular.
Methods to group overlapping visuals
To group visuals, full the next steps.
- Open your evaluation in Amazon Fast authoring mode.
- Maintain Shift and choose every visible that ought to keep collectively (for instance, a background rectangle and the KPI visuals on high of it).
- Open the context menu and select Group.
There isn’t a restrict to the variety of teams per sheet. Every group is handled as a single visible unit on cellular.
The next animation reveals the Amazon Fast authoring view with the right-click context menu and the Group choice.
How visuals are sized on cellular
When Cellular Structure renders visuals within the steady scroll, it applies the next guardrails.
- Every visible fills the total viewport width.
- Facet ratios are preserved. A tall bar chart stays tall. A large line chart stays proportionally quick.
- A minimal top of 272 pixels signifies that chart components (legends, axis labels, type buttons) stay seen.
- A most top cap prevents visuals from exceeding the viewport.
- Tables with many columns render at full width with horizontal scrolling turned on.
If a visible turns into too quick to render its inside components, an informational icon seems. The reader can swap to Desktop mode or rotate to panorama to view the total visible.
Get began
Cellular Structure removes the necessity to pinch and zoom on dashboards designed for desktop screens. It’s obtainable as we speak in Amazon Fast. To attempt it out by following these steps.
- Open a Free Kind dashboard in your cellphone or pill utilizing the Fast cellular app.
- Scroll by your visuals within the steady scroll view.
- Use the view switcher to toggle between Cellular, Desktop, and Panorama modes.
- When you have overlapping visuals, open your evaluation, choose them, open the context menu, and select Group.
The next picture reveals the view switcher management on the cellular app.
For extra data, see the next sources:
We welcome suggestions by the Fast console suggestions mechanism.
Concerning the authors
