📱Mobile Dashboards

Sprinkle dashboards are accessible on mobiles too!

You can view your dashboards & embedded dashboards on mobile devices too.

You can:

Change filter values and explore your data freely
View tiles in full-screen mode, which opens the visualization in a full-screen mode.
You can even use pinch-in and pinch-out gestures to zoom out and zoom in on table and pivot tables.
You can also drill, breakout etc in mobile view too

and a lot more!

Custom Mobile layouts

You can customize how your dashboards look on mobile devices and even optimize it as well without it affecting your desktop layout.

With our new mobile layout UI you can:

Tailor and optimize the layout specifically for mobile view.
Resize tiles and place them according to your requirements.
Reorder the tiles in tab view.
Hide certain visuals that you don't want to show in the mobile layout.
Preview your mobile layout in various aspect ratios of various devices.
These changes won’t affect the desktop layout, giving you independent and full control over your mobile layouts.

To edit or create your custom mobile layout for your dashboards, click on the "Edit layout" button.

From the dropdown, will show these options: Desktop & Mobile.

Clicking on "Desktop" will allow editing tile layout for desktop view.
Clicking on "Mobile" will take you to a New & different interface, that will enable you to edit/create a different layout specifically for mobiles.

Once you click on mobile, you will taken to the mobile layout editing mode.

This area is designed to emulate how your dashboard will look on a mobile screen in grid mode.
By default, the mobile layout is auto-generated and all your tiles that have been added to the dashboard will be placed one below the other.
Here, you can Resize/Change the position/Reorder any tile by simply dragging and dropping.

You can even change the device aspect ratio to see how your mobile layout looks on different devices.

The previews include a lot of popular devices and their respective aspect ratios.

You can also play around with various zoom levels for your chosen layout making it easier for you to edit your mobile layouts

You can choose from various zoom levels ranging from 50% to 200%.
Additionally, you can even select "Fit to screen", this will fit the canvas area in the available area depending on the screen size of your device.

In case you don't want to show a certain visual/tile in the mobile view but keep the same on the desktop view, you can do so by hiding visuals.

on the right side, you can see a hidden visuals pane:

This section is collapsible/expandable and is empty by default.
This section will show all the cards that have been hidden and will not be shown in the mobile view.

To hide a card, you can either:

This will remove the card from the layout and move it to the hidden tiles section. This card now won't be visible in your mobile layouts but will still be available in the desktop layouts.
OR you can also use the "Hide all cards" button. This will clear the canvas area and bring all the visuals to the hidden visuals pane. This will give you a clean slate to work with.

Click on the "Tick" icon, that shows a tooltip of "Add card".
This will add the card to the canvas area and then you can resize or place it according to your requirements.
You can leave tiles in this section, that you don't want to be seen in the mobile layout.

Once all changes are done, you can click on the "Done" button to save your custom layout.

You can use the "Reset changes" button to undo the changes and go back to the last saved layout.

While editing the mobile layout

You can switch from grid view to tab view, using this button.
Here, you will be able to see all the tab names with icons in vertical alignment.
By default, tiles that have been added to the dashboard will be shown as cards, placed one below the other.
This view allows you to see all the tab names listed in a vertical layout, allowing you to scroll easily to find any relevant chart.
You can simply drag the tab names and reorder the tabs according to your requirements.
Here, you can simply reorder the cards by dragging them around.

On clicking a particular tab name, the visualization will open up.

Clicking on the close button on the top right will close the visualization and take you back to all the tabs in a vertical layout.

A hide icon can also be seen on hovering, clicking on this would move the visualization into the hidden tile pane.
You can add back the tile from the hidden pane directly to the tab layout as well.
The mobile tab view should be independent of the desktop tab view. i.e., the order, hidden cards etc will not affect the desktop view.

Last updated 4 months ago