Follow

Remembering the UI state between Zapp pages

Preserving the UI state between Zapp pages allows the user to remain within the same tab, drilldown page, or even scroll position when navigating between pages. For example, you may have a Zapp with a single page broken into multiple tabs.

 

Screen_Shot_2017-04-05_at_1.32.43_PM.png

 

If a user click on a button that leads to a new page and then returns, you may wish for the previous page within the same tab.

 

Screen_Shot_2017-04-05_at_1.37.14_PM.pngScreen_Shot_2017-04-05_at_1.33.06_PM.png

 

This option can be enabled by selecting "Remember UI State" within the Configure Connections menu for the relevant connection. You may set this option on an incoming or outgoing connection.

 

First, open the Configure Connections menu using the dropdown at the top of the mobile preview.

 

Configure_Connections.png

 

Toggle on the "Remember UI State" option for the relevant connection. For Outgoing Connections, this setting is indicated by a half-filled circle icon. It is highlighted in blue when enabled.

 

Screen_Shot_2017-04-05_at_1.36.36_PM.png

 

Screen_Shot_2017-04-05_at_1.36.42_PM.png

 

The option is included as a toggle control on an Incoming Connection.

 

Incoming_Remember_UI_State.png

 

Screen_Shot_2017-04-05_at_1.51.43_PM.png

 

The following video provides an example of configuring the "Remember UI State" settings in the Designer.

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.