The other way data can be displayed on TipoTapp is via a Grid Layout. With the Grid Layout records are displayed on a Grid, with each record taking up a single row on the grid. By default, the grid has 3 columns, but you can change this depending on the number of fields you want to display in the list view.
To demonstrate this, we’ll change the Student list view from a Flow Layout to a Grid Layout. Head over to
Manage Tipos, select the Student Tipo and get into Edit mode. Open
List Tab and scroll down. You should see the fields shown below.
Desktop Grid and click on
Done. By default, the list view grid will have 3 columns. Let’s increase this so that it shows more data. Go back to Basic Tipo definition. Open the Advanced Editor. Set the
Grid Max Columns to
6. Below, we’ve left the previous setting of
Desktop Max Columns to
5. Since we’ve switched the list view to the Grid Layout, the
Desktop Max Columns value will only affect the views that use Flow Layout i.e. detail views and forms.
Save the changes and go back to the Home menu to take a look at the list view’s new look.
Other than list views, TipoTapp also supports Grid Layouts for Field Groups. Right now, if you take a detailed view of a Student record, you will see the following Field Group
Extra Curricular Activities. It’s data is displayed in a flow layout.
To change the field group to a grid layout, go to
Manage Tipos and edit the Student Tipo. Scroll down to the
Fields section and open the Advanced Editor of the
Extra Curricular Activities field. From the
Group Settings Tab, you can switch on the Grid Layout for desktop, tablet or mobile.
Unlike Flow Layout, the Grid Layout doesn’t change columns based on device type. The number of columns is fixed for mobile, tablet and desktop and is determined by the value of
Grid Max Columns in Tipos Advanced definition in
Flow/Grid, Which Layout Should You Use?
With the Flow Layout, a list view shows all the Displayed fields of a record. The Flow Layout is best used when you want a large amount of data to be viewable when scrolling through your data, without requiring you to go into the detail view of a record to view the data.
A Grid Layout on the other hand, is suitable for when you only need the list view to show you just enough fields of a record for you to make a decision on picking the right one. Grid views are more compact and thus display more records on screen.