Content views

We think you will agree that different types of information are best viewed in different ways. We have provided three standard ones: Grid, List and Full screen which we think will cover most situations.

Grid view

Content divided into rows and columns is referred to as a grid view.
  • The grid view extends vertically to the full height of the screen.
  • view_grid

List view

Content divided into rows is referred to as a list view and can attain a variety of appearances and behaviours.
  • The list view extends vertically to the full height of the screen.
  • List items can be grouped and styled differently.
view_list Associated building blocks List items

Full screen view

When a single piece of content is the main focus of the user’s attention, you should consider displaying the content in full screen view using the full screen layout. view_full_screen
To navigate back to the previous view, use the page stack navigation structure.
Associated building blocks Page stack

A few last things

1.Scrollbars are hidden until you actually need them, so they appear on touch.

The scrollbar is applied automatically whenever there is content out of view.

2.The side stage is no different to any other screen.

Unless the app is fixed in height, e.g. a full screen calculator, content will extend to the available height.