Copy of Layout

For the layout of a template a responsive grid system with 12 columns is used. It means that the columns will re-arrange depending on the screen size. The screen has a total width of 100% and the size of items can be adjusted by specifiying the the number of columns it should have on every screen size.

On a big screen it might look better with the content organized in three columns:

→ Insert 4 at md to set the question to one third of the page.

On a small screen it would be better if the content items were stacked on top of each other:

→ Insert 12 at xs to set the question to the full width of the page.

In the Layout Settings of a data collection you can define if the data entry form should be displayed in the Detail or Dialog view.

Open