Optimise Omniscope dashboards for mobile devices: different layouts - one url

Omniscope allows you to build reports designed to provide an optimal look, feel, and experience on any device by creating multiple layouts, while preserving the same url link for all users.

You can customise the page size, aspect ratio, and even specify which view to display based on the device's screen size, with the option to add an unlimited number of layouts. When a user opens the report link in their browser, Omniscope will automatically select the most suitable layout.

To add a new layout, click the Device button in the Report toolbar while in Explore or Design mode. From there, you can select a predefined screen resolution or create a customised resolution.

In Present mode, use the blue slider to quickly preview how the report will appear on different screens, ensuring it displays seamlessly across all devices.

In View, Design, or Explore mode, you can quickly preview how the report will appear on different screens using the blue slider. Yellow-highlighted dots indicate the existing layouts, which can be removed or adjusted to meet specific pixel requirements within the same dropdown menu.

Once a new device layout is added, you can resize and adjust the charts to fit accordingly. By default, the layout is set to a fixed size, enabling you to customise view sizes and layouts with pixel-level accuracy.

When the report is opened on different devices, Omniscope will automatically select the layout that best matches the device's screen size.

For optimal coverage, we recommend configuring 3 layouts: 

Generic Desktop, Tablet Landscape, and Phone Portrait. 

However, you can create as many layouts as needed, allowing for full customisation to suit any screen size.

Views in a layout may be removed to create space; for instance, in the phone layout, the filter may be removed to display graph views. Any views that are removed can be found in the "+ Add View" menu, providing more flexibility during editing.

The first seven charts in the menu below are items removed from one of the layouts. They can be re-added to the same layout or reused in another.

The Filter button in the top-right corner (in the View mode) is also useful for economising screen space. It allows the designer to add a filter that disappears when not in use. Filters can also be removed entirely, after which they will be available from the chart library menu, as shown below.

You can see here an example report, customised for different screen sizes.