Skip to main content

Intro

When editing a dashboard on the web, you can customize the mobile version to create targeted and curated experiences for anybody on a mobile phone. In the Editing Dashboard view, you can:
  • Edit the mobile layout from the web, including dragging and dropping cards to swap locations, adjusting borders, and changing card sizes.
  • Hide cards specifically for mobile.
  • Set dashboard interactions for mobile.
Note: To edit a dashboard’s mobile view, you must be the dashboard owner, an admin, or have permission to edit the dashboard.

Creating Custom Dashboards for Mobile

  1. From the navigation header, go to Dashboards. Open the dashboard you wish to edit in mobile view.
  2. Select the Dashboard Options menu icon and select Edit Dashboard.
  3. From the Desktop menu, select Mobile. The dashboard’s mobile view displays.
  4. (Conditional) Drag and drop cards to swap locations, adjust borders, and change card sizes. When the dashboard is viewed from a mobile device, the new mobile formatting displays.

Hiding Cards on Mobile

Cards can be hidden in the mobile view. This allows you to hide some of the less relevant cards on a dashboard to prevent unnecessary scrolling to find the important information.
  1. From the navigation header, go to Dashboards. Open the dashboard you wish to edit in mobile view.
  2. Select the Dashboard Options menu icon and select Edit Dashboard.
  3. From the Desktop menu, select Mobile. The dashboard’s mobile view displays.
  4. Hover over the card you want to hide, select Mobile Options and Hide Card.
When the dashboard is viewed from a mobile device, the hidden cards will not display.
Screen_Shot_2021-04-16_at_1.37.53_PM.png

Unhiding Cards on Mobile

  1. From the navigation header, go to Dashboards. Open the dashboard you wish to edit in mobile view.
  2. Select the Dashboard Options menu icon and select Edit Dashboard.
  3. From the Desktop menu, select Mobile. The dashboard’s mobile view displays.
  4. Select Hidden Cards
  5. In the Hidden Cards list, hover over the Card you want to unhide and select Unhide.
  6. In the Editing Dashboard bar, select Save. The previously hidden card displays in mobile view.
    Screen_Shot_2021-04-16_at_1.38.16_PM.png

Interactive Dashboards on Mobile

Easily interact with charts as well as apply Filters with a single tap. Filters can also now be cleared with a single tap. The “Drill in place” option is now available on Mobile. With Interactive Dashboards on mobile, you now have more actions available from the Page level, and you never lose context of the surrounding content. This allows users to experience the same interactivity they have on Web, now on their Mobile device.

FAQ’s

I’m noticing some slight differences between how the cards appear in the mobile preview on the web vs. mobile. The mobile preview on the web will serve as a very close approximation of what the cards actually look like on mobile. However, due to the different sizing of different mobile devices, there might be very slight differences in the amount of visible content. This is expected. Why can’t I drag cards in the mobile editor from the appendix? In order for a card to be rearranged in the mobile layout, it must not be in the appendix. Can I place a card in the layout on the web version but in the appendix section on mobile? No, the card must be in a layout in order to be customized in the mobile layout. Can I drag appendix items onto a template while in mobile view? Just like the action of placing a card in the layout on web version but in the appendix section on mobile, you cannot drag appendix items into a template while in mobile view; this is because all items must stay in sync. How do I get into the card details view on a mobile device? Just like on the web, tapping on the card’s title will take you into the Card Details view.