Click Properties and navigate to the Mobile Layout View section. Select the enable checkbox to mobile layout. By enabling it, a default mobile layout will be automatically applied whenever the viewport size is 480 pixels or less than it is in view mode. The default mobile layout for a dashboard will arrange all cards in a single vertical column, inheriting properties from the parent dashboard and widgets.
This feature ensures the dashboard's compatibility with mobile devices. You can also utilize the Customize feature to tailor the dashboard layout. There are other Dashboard properties that help designers to:
Adjust canvas width: A canvas width of 720px is mobile-compatible. Exceeding this width considers desktop dimensions.
Show or hide widgets.
Select themes, widget gaps, and shadows.
Define widget properties such as titles, view options, styles, and margins.
Points to know
The mobile layout will be applied only when the screen size is 480px or less, which is the default screen size for mobile devices set in the portal.properties file. You can modify the default screen size via Kyvos Manager in the portal.properties file.
To configure the Mobile screen size, perform the following steps.
Click the toolbox and then go to Utilities > Manage Configuration Files.
First, download the existing file. Make the changes in the portal.properties file and then upload it again.
Click Save. The value you have set it for mobile layout will be displayed in the Mobile Layout View section.
By default, the Mobile dashboard adopts a Scale to Width layout, which cannot be altered within the dashboard.
The Mobile dashboard data can also be exported to PDF, image, or CSV formats.
Filters on the Mobile dashboard are presented differently compared to other cards. Instead of being displayed as cards, filters appear as a list, expandable or collapsible as required. For multiple filters or values, arrange them in a list format to perform specific actions.