Table of contents



Official Content

Defines the Platform navigation style.

Values

Default Split or Flip are automatically selected depending on the screen size. Usually Flip is for phones and Split is for tablets. This is the default value.
Flip Detail information is displayed on a separate screen once an item is selected in List.
Split List and Detail information is displayed on the same screen. This value is ignored when running on phones.

Scope

Generators: Android, Apple
Level: Platforms node > Platform

Description

Depending on the features of the target device platform (OS, Size, OS version) you may want to vary how the user interacts with and, more specifically, how the user navigates your app. To achieve this, GeneXus provides the Navigation Style property that allows you to change this behavior at the platform level.

Note that you can only define one navigation style in your application for each possible combination of the above characteristics.

Runtime/Design time

This property applies only at design time.

Samples

Split navigation style

The information on the screen is divided into two sections. As shown in the picture below, there is a panel on the left (in this case, a list of speakers) and the main area is on the right. Note that the orientation is landscape. If the device were in portrait mode, the only area shown would be the main one, and the left one would be hidden until you made it visible by sliding to the right. When running it on a Smartphone device, the Split value will be ignored and the default value will be assumed.

Android

image_2017128144832_1_png

Apple

image_2017128144821_1_png


It works on Tablets and Smartphones. Data is displayed in a single area and may not be divided.
 

Flip navigation style

This style is used when the application displays detailed content on a separate screen after a user selects an item from a list.

Android

image_201712814527_1_png   

Apple

image_2017128145213_1_png

            

Slide navigation style

It works on Tablets and Smartphones. The menu is always available through a button on the upper left corner or by sliding to the right. Read more in Slide Navigation Style.

Android

image_2017128145544_1_png     

Apple

image_2017128145435_1_png

 

Cascade navigation style

It works on Tablets and Smartphones. As shown in the picture below, the main menu is displayed in the left area, the actual panel is shown on the right, and the last navigated panel is in the middle. When you select an element from the main menu, the cascade navigation panels are reset. The main menu is always accessible.

Apple

image_2017128145754_1_png

Notes

See Also

Navigation Start Events in Native Mobile Applications
Slide Navigation Style
Pattern settings

Last update: November 2024 | © GeneXus. All rights reserved. GeneXus Powered by Globant