ArcGIS Dashboards

Two dashboards, one intelligent URL

We are now living in an era where half of website traffic is generated by mobile devices and half by desktops. Does your dashboard look good on both?

Dashboards made with ArcGIS Dashboards can be a compelling tool for displaying the metrics pulled directly from feeds of data. All too often, we overdo it and pack in too much information into a single screen. For dashboards designed for desktop users with a large landscape screen, this isn’t really a problem—there is plenty of real-estate to work with.

When too much information is added to a dashboard, it can be challenging to navigate on mobile.

The issue presents itself when the dashboard is opened on a mobile device. While a dashboard made in Operations Dashboard is highly responsive (it will resize to practically any screen), you are best suited to create a separate dashboard that is optimized for mobile viewing. This leaves you with two URLs for two dashboards—one for mobile and one for desktop.

ArcGIS Experience Builder

ArcGIS Experience Builder is a new way of building web apps, providing a drag-and-drop workflow for creating powerful information products. With it, you can add in text, media, multiple maps, surveys, and other types of content, all within one unified web experience. It is adaptable and mobile friendly, where the builder gives you tools to adjust your application for desktop, tablet, and mobile views.

In other words, the app detects if the user is looking at the content on a large or small screen and delivers content specific for that device. This means we can combine a desktop dashboard and a mobile dashboard into a single application that will select the appropriate content for the screen. Two dashboards, one intelligent URL.

Getting Started

The first step is to build two dashboards in the ArcGIS Dashboards application—one for desktop, and one for mobile—following these guidelines for mobile dashboards. Hint: stack everything vertically. This example is a dashboard that looks at candidate locations for a mobile health clinic. We want the analysts in the office to see it on a desktop, and for citizens to be able to view it on their mobile devices.

To support both desktop viewing and mobile viewing of dashboards, you must create a dashboard for each

Once the dashboards are constructed, open ArcGIS Experience Builder. Because this application is fairly simple from the standpoint of Experience Builder, you should select the option to create a Blank Full Screen App.

The next two steps are easy to follow: On the desktop page for large screen devices, add a basic Embed widget by dragging and dropping it into the main workspace. Click on the new frame and select the option to enlarge it to full-screen. Add the URL for the desktop view of the dashboard as the Website address.

The first step is to add an embed frame to the desktop view of the Experience. Set the frame content as the desktop version of your dashboard.

For the mobile view we will follow the exact same process, but first toggle to the view for small screen devices and select Custom mode.

Select Move to Pending to hide the auto-generated content

Now move the content to the pending list (do not delete it) in the window and add in a new, full-screen embed window. This time, add the mobile view of the dashboard as the Website address.

Toggle the Experience to the mobile view and remove the existing content. Then re-add a frame and set the content to the mobile view of your dashboard

Once you save and publish the Experience, you now have a single URL that connects to two dashboards, dependent on the users’ screen size!

Try this live example (on mobile and on desktop), and learn more about how ArcGIS Experience Builder can combine multiple apps into one immersive experience for your users.

Note: Microsoft and Esri recommend using Microsoft Edge (instead of IE11) to view Experiences, as it will impact performance.

About the authors

Mike is a solution engineer for Esri's Health and Human Services team in the Washington, D.C., office and author of the #InAGIF blog. He loves demonstrating how GIS is simple to use and can have an incredible impact on the community, nation, and world. He is also a cartographer, traveler, hiker, and fast-food enthusiast.

Connect:

Kenyon Huber-Wilker

Kenyon is an award winning Solution Engineer for Esri in the Washington, D.C. office supporting national government users. He loves swimming, biking, and running...but not all at the same time.

Leave a Reply

Please Login to comment
Tracy Schloss
Tracy Schloss

Good article, this is something we’ve struggled with. Your link to ArcGIS Experience Builder is broken, though.

Blog Administrator
Blog Administrator

Thanks for letting us know. Looks like our first link works but the second one fails. We’ll get that updated!

Matt Sund
Matt Sund

Cannot share to hub gallery.

Thanks for this article, it works great. Unfortunately you cannot add experience builder apps to the hub gallery yet?

Aries Page
Aries Page

Thanks for this article – Is there a way to force the display on the mobile device to be vertical only when using the mobile view of the dashboard?

Edison Veloz
Edison Veloz

Thanks for the article,

One question, I created a desktop dashboard and it has over 70,000 views, the link is has been shared with many people. If I create a mobile dashboard, will I get a completely different link? Does wich mean I will have to share the new link with everyone? Or the link is going to be the same?

Thanks for your answer,
Edison

MANUEL ARCADIO RODRIGUEZ CERVANTES
MANUEL ARCADIO RODRIGUEZ CERVANTES

Thanks for this article – I’m trying to use the navigation widget with a section widget. It last one has 3 views but for any reason, navigation widget does not recognize it. So I can’t navigate througt my diferent views. I don’t know how it works.

Tedi Eka
Tedi Eka

Hi Mike SchoelenMike Schoelen, please help. I have followed this article and managed to make the arcgis responsive dashboard. But when I share it to the public, if the screen is changed to smartpone dashboard mode it cannot be accessed. The warning “Arcgis dashboards requires your credential” appears. My question is how can I make two dashboards in one url publicly accessible without sign in? Thank you in advance.

Next Article

Creating your first link chart using ArcGIS Pro Intelligence

Read this article