For mobile devices

Responsiveness

Serenytics dashboards are responsive. When you open a dashboard on a mobile device, the widgets layout will be modified compared to the desktop layout. The widgets are moved to a single column and tabs are displayed within a combobox.

The dashboard CSS is also adapted to the screen size (e.g. for mobile devices, widget margins are automatically reduced).

Redirecting to a particular dashboard according to screen resolution

Responsiveness is not a one-size-fits-all solution. In case our dashboard has a lot of large tables and advanced widgets, it may not fit perfectly to a mobile device usage. In this situation, it could be a better option to show only a few critical KPIs. A good approach for this issue is to redirect the user to a dashboard specifically designed for mobile devices.

This is achieved by inserting this snippet of code within the dashboard header:

1
2
3
4
5
<script type="text/javascript">
if (screen.width <= 600) {
    document.location = "https://app.serenytics.com/viewer/mobile_specific_dashboard_UUID";
}
</script>