Create multiple List layouts to customize data presentation when the device's orientation changes from landscape to portrait.
Multiple layouts can be defined for a List control. You may want to create separate data presentations for the List based on the device's orientation. To enable multiple layouts, check the Has multiple layouts tab. This will expose the Multiple Layouts pane, where you can define layouts for the List.
You can also specify the default layout to use when a device is in landscape or portrait orientation. If a default layout is defined, the List will automatically switch layouts when the orientation changes.
The following properties are used to enable multiple layouts for a List control and assign the default layout to use when a device is in portrait or landscape orientation.
If checked, allows you t to define multiple layouts for the List control.
You can specify which layout to use when the device orientation is landscape and which layout to use when the device orientation is portrait. Enabling the Auto-select layout on orientation change property allows you to assign a default layout for the device when the orientation changes.
The layout to use when the device's orientation is in Landscape mode.
The layout to use when the device's orientation is in Portrait mode.
List Control - Multiple Layouts
When you design a List control, you can specify multiple Layouts. A Layout is just the manner in which the data in the List is shown. You can switch from one layout style to another at run-time.
Automatically Changing the List Layout on an Device Orientation Change Event
The List control allows multiple layouts to be designed. For example, you might have one layout design that you would like to show when the device in in landscape mode and another when the device is in portrait mode.
In this video we show how you can automatically switch from one List layout to another when the device orientation is changed.