Select to view content in your preferred language

ArcGIS Dashboard Mobile Layout embed behavior in StoryMaps

2567
12
Jump to solution
09-19-2023 08:22 PM
AaronKoelker
Frequent Contributor

ArcGIS Dashboards introduced new mobile layouts this past summer that allows authors to configure two versions of a single dashboard item, which would then dynamically swap between desktop and mobile layouts based on the screen size readers were viewing it with. 

I was hoping to take advantage of this within StoryMaps while using the embed block, so that if you viewed the StoryMap on desktop, you'd get the desktop version of a dashboard within an interactive embed block. If you viewed the StoryMap on mobile, then you'd expect to get the mobile StoryMaps layout along with either the mobile layout of the dashboard if in interactive mode, or the static card option that would link to a new window and show the mobile dashboard layout full screen.

But this doesn't appear to work as expected, at the moment. When adding an ArcGIS Dashboard with a mobile layout to an embed block in a StoryMap, it appears to always default to the mobile view of the dashboard within the embed block, even when the StoryMap is displaying the desktop (landscape) layout. Changing the size of the block (small, medium, large) makes no difference. 

Not sure if this is a bug, oversight, or user error, but it would be great to have this sorted out. So many folks view StoryMaps on phones, and simple dashboards are a great option for the embed block to show a basic bar chart or line graph, etc. in a StoryMap. It would be nice to have dynamic layout switching between the two apps work together. 

-Aaron
0 Kudos
12 Replies
sandra555
Regular Contributor

Thank you for explaining! That explains a lot. When I embed my dashboard in the storymap with the view=mobile, the dashboard shows the layout of the mobile view, but it is vertically squished. Will it look this way on a mobile device? Is there a way to make it like the view I see when I look at the dashboard in mobile mode (which is taller than it is wide)? Let me know if you would like to see screenshots of what I mean. Thanks for you assistance!

0 Kudos
OwenGeo
Esri Notable Contributor

@sandra555 - You can adjust the height of the dashboard iframe using the technique in the blog I shared above. Essentially, you add width="100%" height="1000px" to your iframe code and you can experiment with the height and the layout of the mobile view to see if you can get it to look more like you expect.

Owen Evans
Lead Product Engineer | StoryMaps
sandra555
Regular Contributor

@OwenGeo That is AWESOME! Thanks!