Layout
- Carl Richter
- Tobias Kienlein
On this page you will find instructions on how to set the layout for a question.
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.
Name | Description |
|---|---|
Default | Default Layout that will be used for the Detail as well as the Dialog view. Will be overridden when settings for Deatil and Dialog are set. |
Detail | Layout for the Detail view |
Dialog | Layout for Dialog view |
xs | For phones (screen width: <600px) |
sm | For tablets (screen width: 600px - 959px) |
md | For small laptops (screen width: 960px - 1279px) |
lg | For laptops and desktops (screen width: 1280px - 1919px) |
xl | For big monitors (screen width: >1920px) |