10,730
edits
Important: Deprecating old WebView — Publish failed error
Form: Difference between revisions
Jump to navigation
Jump to search
→Displaying multiple fields per row
(→Displaying multiple fields per row: new section about Auto Grid and Grid Item) |
|||
| Line 332: | Line 332: | ||
; Auto Grid (property of a tab) | ; Auto Grid (property of a tab) | ||
: Select a form tab and on the Properties pane, set the maximum number of columns per row (for example 3), and the minimum width of a field cell (for example 250). If, in the app, the available width for your form tab exceeds 500, two fields are displayed in a row; when it's over 750, the maximum, three fields are displayed in a single row. | : Select a form tab and on the '''Properties''' pane, set the maximum number of columns per row (for example 3), and the minimum width of a field cell (for example 250). If, in the app, the available width for your form tab exceeds 500, two fields are displayed in a row; when it's over 750, the maximum, three fields are displayed in a single row. | ||
: Additionally, for each field, you can force it to be always displayed as a single row, or disallow any fields after it in a single row. This behavior is controlled by the Grid Behavior property; you can configure it for each field of your tab. | : Additionally, for each field, you can force it to be always displayed as a single row, or disallow any fields after it in a single row. This behavior is controlled by the Grid Behavior property; you can configure it for each field of your tab. | ||
: Auto Grid can be particularly useful when your users have a variety of devices and you value flexibility. | : Auto Grid can be particularly useful when your users have a variety of devices and you value flexibility. | ||
| Line 338: | Line 338: | ||
; GridItem (add a table to your tab) | ; GridItem (add a table to your tab) | ||
: To use grid item, you add a table to your tab (using the Add Grid button on the toolbar). Define the number of columns and rows. Then add fields to the table (make sure they are actually inside the grid item). Additionally, for each field, define in which cell should it be displayed, and optionally make it span over multiple columns. | : To use grid item, you add a table to your tab (using the '''Add Grid''' button on the toolbar). Define the number of columns and rows on the '''Properties''' pane (for example, use <code>*;*;*;*</code> as '''Columns''' and '''Rows''' to define a 4x4 table). Then add fields to the table (make sure they are actually inside the grid item). Additionally, for each field, define in which cell should it be displayed, and optionally make it span over multiple columns. | ||
: Precisely defined tabular format ensures that your fields are displayed as you want, losing some of the flexibility compared to Auto Grid. | : Precisely defined tabular format ensures that your fields are displayed as you want, losing some of the flexibility compared to Auto Grid. | ||
: [[File:Grid item example.png|600px]] | : [[File:Grid item example.png|600px]] | ||
[[Category:Woodford]] | [[Category:Woodford]] | ||