Select to view content in your preferred language

Splash screen for mobile only?

1740
3
Jump to solution
09-18-2023 10:30 AM
Labels (1)
CelinaR
Occasional Contributor

Hello, is it possible to make a splash screen appear only in mobile versions of my application? I have widgets in there that I'd like to provide a short explanation for, but those widgets are not in my desktop version so it's potentially confusing.

0 Kudos
1 Solution

Accepted Solutions
JordanT
Esri Contributor

Hi Celina,

From my understanding, this is not possible as the custom device layouts only affect widgets (more on this here)

I did some testing on my end and you could have a similar version of this if you add a window that isn’t a splash screen and add a button widget that is titled something like “mobile instructions” that only shows up in the mobile layout and then have the button linked to the window that you created this will make it so that it's only accessible on the mobile layout. the only downside of this is it won't show up right away when the user opens the experienced builder. 

Desktop view 

JordanT_0-1695130695315.png

mobile view

JordanT_1-1695130805121.png

after selecting button

JordanT_2-1695130822023.png

 

Jordan T

View solution in original post

0 Kudos
3 Replies
JordanT
Esri Contributor

Hi Celina,

From my understanding, this is not possible as the custom device layouts only affect widgets (more on this here)

I did some testing on my end and you could have a similar version of this if you add a window that isn’t a splash screen and add a button widget that is titled something like “mobile instructions” that only shows up in the mobile layout and then have the button linked to the window that you created this will make it so that it's only accessible on the mobile layout. the only downside of this is it won't show up right away when the user opens the experienced builder. 

Desktop view 

JordanT_0-1695130695315.png

mobile view

JordanT_1-1695130805121.png

after selecting button

JordanT_2-1695130822023.png

 

Jordan T
0 Kudos
CelinaR
Occasional Contributor

Thank you! That would work perfectly for our purposes, I'll do that.

JoshuaBirndorf
New Contributor

Hi,

 

I know I'm a bit late to the punch here, but I was able to create a similar effect using the "Sidebar" widget. I temporarily placed existing widgets into "pending" and rebuilt the mobile version of my application around the sidebar, and set its default state to "expanded." I reconstructed my widgets in one of the sidebar halves, and placed the splash screen text message in the other. At the bottom of the splash screen, I included a button, and under "actions" set it to toggle the sidebar. I then changed the sidebar's initial state so it took up the entire screen, and removed the "collapse button," making it so once closed, the user wouldn't be able to re-open it without refreshing the page. The end result is pictured below. Hope someone finds this helpful!Screenshot 2025-09-23 085209.jpg

0 Kudos