Types of layout
There are three dashboard layout designs you can choose from: Tiled, Free-form, and Classic.
Tiled layout
Visuals in a Tiled layout snap to a grid with standard spacing and alignment. You can make visuals any size and place them wherever you want within a dashboard, but visuals can’t overlap.
Dashboards are displayed as designed, with options to fit to screen or view at actual size. You can also fit an entire dashboard to your window by choosing Fit to window for View in the top-right corner. This option was previously called Optimized.
Note
On mobile devices, tiled layout dashboards appear as a single column in portrait mode or exactly as designed in landscape mode.
Free-form layout
Visuals in a Free-form layout can be placed anywhere in your dashboard using precise coordinates. You can drag a visual to the exact place you want, or you can enter the coordinates of the visual’s location. Use the following procedure to enter the exact coordinates of the visual's location.
Dashboards are displayed the way that you choose to design them, with options to fit to screen or to view at its actual size. You can optimize free-form layouts for viewing at specific resolutions, with the default being 1,600 pixels. You can also fit an entire dashboard to a browser's window by choosing Fit to window for View in the top-right corner.
Note
Dashboards with optimized resolutions might appear bigger or smaller on a viewer's computer if the viewer's computer resolution doesn't equal the set resolution of the dashboard.
Switching from Free-form to another layout might cause some visual elements to shift.
On mobile devices, Free-form dashboards appear as published with no changes to the layout.
Classic layout
Visuals in a Classic layout snap to a grid with standard spacing and alignment. Dashboards hide data or change formatting to fit smaller screen sizes. For example, if you change a visual to make it considerably smaller, the on-visual menu and editors are hidden so that the chart elements have more room to display. Bar chart visuals can also display fewer data points.
If you reduce the size of the browser window, Amazon QuickSight resizes and if necessary reorders visuals for optimal display. For example, smaller visuals that were side by side might be displayed sequentially. The original layout is restored when the size of the browser window is increased again.
Note
On mobile devices, classic layout dashboards appear as a single column or exactly as designed in landscape mode.