Modifying Responsive Layouts


The layout of an analysis adapts automatically 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.  

The responsiveness means that if the width of the screen is below a certain breakpoint, there will be 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.

Note: The order of the visualizations in this column-based layout is determined by their placement on the analysis page. Areas locked to the top edge, though, are placed at the top, and areas locked to the bottom edge, are placed at the bottom. Moreover, using the column-based layout, it is not possible to resize the visualizations.

To specify the breakpoint for a responsive layout:

The breakpoint, when the switch to/from a single column-based layout should take place for an analysis page, can be specified.

  1. Make sure the analysis page is active.

  2. Right-click its page tab, and select Page Layout Options.

  3. Make sure the check box Width less than beneath Use mobile layout when is selected.

  4. Specify, in pixels, the breakpoint for the switch. When the width falls below this value, the page layout automatically switches to the cellphone-friendly layout, and if the width exceeds this value, the initial layout is used.

  5. Comment: If you want to use the number of pixels of the current width of the analysis page as the breakpoint, click Set to current width.

  6. Click Close.

Note: The Use mobile layout when setting overrides any setting made for the minimum acceptable page size.

See also:

Layout Options

Specifying Minimum Acceptable Page Size

Locking the Size of Certain Visualizations

Details on Page Layout Options