Follow

Page Split

The content of this article is also covered in the following video.

 

 

In order to create a more pleasing mobile user experience, it is sometimes useful to split a single web page with many controls you wish to capture into two or more mobile pages. This can easily be accomplished via the Capriza Designer.

 

To split a page, enter Style mode and navigate to the "Items" tab for the relevant page.

 

Screen_Shot_2017-02-24_at_1.44.20_PM.png

 

Click "Add Tab."

 

Add_Tab.png

 

You can move the items according to which section you want to contain which items.

 

The Zapp page is now split into different tabs.

 

Screen_Shot_2017-02-24_at_1.45.18_PM.png

 

By default, controls are distributed evenly between tabs. You can rearrange the order of controls and which tabs they appear in by dragging and dropping them in the "Items" tab.

 

Screen_Shot_2017-02-24_at_1.55.37_PM.png

 

You can also edit each tab's label and add an icon.

 

Screen_Shot_2017-02-24_at_1.46.45_PM.png

 

Styling Tabs

 

Tabs can also be styled, including font color, size, line height, position on the page (top or bottom), background color, and background and underline colors for the currently selected tab.

 

Screen_Shot_2017-02-24_at_1.46.53_PM.png

 

Screen_Shot_2017-02-24_at_1.56.56_PM.png

 

Screen_Shot_2017-02-24_at_1.57.14_PM.png

 

Switch Tab On Action

 

If your page includes a link or button, you can configure that control to navigate to a particular tab when tapped. To do so, open the In Line Editor (ILE) and navigate to "Switch Tab on Action."

 

Switch_Tab_On_Action.png

 

Choose the tab you want to navigate to from the dropdown.

 

Screen_Shot_2017-02-24_at_1.48.55_PM.png

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.