Adapting layout to different screen sizes
When you create analyses, it is sometimes important to consider what the analysis will look like on screens of different sizes. It is possible to adapt the layout in various ways.
- Maximizing the canvas
When presenting an analysis to consumers, for example in dashboards on large screens, it might be beneficial to maximize the canvas for display of exclusively visualizations. This can be achieved by hiding the menu and authoring bars, and by removal of the padding around the canvas.
To make even more space available for the actual visualizations, it is possible to enter full screen mode.
- Modifying responsive layouts
The analysis layout is responsive. If the screen width is below a certain breakpoint, there is an automatic switch to a layout, where the visualizations on the page are placed on top of each other, supplemented with a vertical scroll bar. You can change this breakpoint.
- Specifying minimum acceptable page size
To ensure the information in the visualizations on an analysis page is readable no matter which screen size is used, you can specify a minimum acceptable width and height of the area used for the visualizations. When the window is resized for any reason, so that the width or height falls below its specified acceptable value, horizontal and vertical scroll bars are added automatically to keep the size of the content.
- Locking the size of certain visualizations
Sometimes you might want to avoid scroll bars in text areas, or make sure important content is not hidden. Then you can claim space for these text areas and visualizations by locking their sizes to the edges of the visualization area. Other visualizations will rescale to fit the remaining space.
Note: It is possible to lock areas containing more than one visualization.
- Maximizing the canvas
To get maximum display area for the canvas, you can hide the top menu bar, and the authoring bar to the left. The padding around the canvas will also be removed. In addition, it is possible to enter full screen mode to make even more space available for the actual visualizations. - Modifying responsive layouts
The analysis layout automatically adapts to smaller screens, for example, when the analysis is consumed on cellphones. It is possible to modify this responsiveness for each separate page in the analysis. - Specifying minimum acceptable page size
To ensure the information in the visualizations on an analysis page is readable no matter which screen size is used, you can specify a minimum acceptable width and height of the area used for the visualizations. - Locking the size of certain visualizations
It is sometimes important to consider what the analysis will look like on screens of different sizes. For example, you might want to avoid scroll bars in text areas, or make sure important content is not hidden. One way to control the layout, is to lock the size of certain visualizations.