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.

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.



The order of the visualizations in this single column-based layout is determined by their placement on the analysis page. Visualization areas that have been locked are still locked, though, and locking them to the top edge will place them at the top in the column, and locking them to the bottom edge will place them at the bottom.

Note: It is not possible to resize the visualizations using this layout.

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

Procedure

  1. Make sure the analysis page is active.
  2. Right-click its page tab, and select Page layout options in the menu.
    The Page layout options dialog opens.
  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 the value, the initial layout is used.
    Tip: If you want to use the number of pixels of the current width as the breakpoint, click Set to current width.
  5. Click Close.
    Note: The Use mobile layout when setting overrides any setting made for the minimum acceptable page size.