10,730
edits
Important: Deprecating old WebView — Publish failed error
Form: Difference between revisions
Jump to navigation
Jump to search
→Properties pane
| Line 66: | Line 66: | ||
The following properties can be configured on the '''Tab''' level: | The following properties can be configured on the '''Tab''' level: | ||
* Name | * Name – Label of the tab | ||
* Side – When using the flexible forms, you can place the tab item to the left or right side of the form when viewing the form in full screen. | * Side – When using the flexible forms, you can place the tab item to the left or right side of the form when viewing the form in full screen. | ||
* Header – When using the flexible forms, you can set what to display as the form header. | * Header – When using the flexible forms, you can set what to display as the form header. | ||
| Line 75: | Line 75: | ||
* Width – Normal represents the ordinary size of one tab, Large means that the tab will take size of two tabs. | * Width – Normal represents the ordinary size of one tab, Large means that the tab will take size of two tabs. | ||
* Height – Number of rows that will be visible in the tab item, other records will be available with scrolling. | * Height – Number of rows that will be visible in the tab item, other records will be available with scrolling. | ||
* Expand Button | * Expand Button – | ||
* Expanded | * Expanded – | ||
Additional settings for '''Auto Grid''' (display multiple fields in one row): | Additional settings for '''Auto Grid''' (display multiple fields in one row): | ||
| Line 87: | Line 87: | ||
The following properties can be configured on the '''Field''' level: | The following properties can be configured on the '''Field''' level: | ||
* Binding | * Binding – field ID | ||
* Style | * Style – You can select the style that will be used for the selected element. The designer will also preview the selected style. You can also create your own styles or adjust the existing ones using the '''Edit Styles''' button in the toolbar. | ||
* Grid Behavior | * Grid Behavior – When you display multiple fields in one row using '''Auto Grid''', customize the behavior of each field: | ||
** Normal | ** Normal – Default behavior, this field can be displayed in a row with other fields. | ||
** Full Width | ** Full Width – This field is always alone in a row. | ||
** Break After | ** Break After – This field can be displayed in a row with other fields, however, it is the last field in the row. | ||
* Grid Position – When you display multiple fields in one row using '''Add Grid''', set the top left coordinate of each field, width, and height: <code>left; top; width; height</code>. | |||
:[[File:Grid Position examples.png]] | |||
Additional settings for '''grid items''' | Additional settings for '''grid items''' created via '''Add Grid''' button: | ||
* Columns | * Columns – Use asterisks separated by semicolons to define multiple columns. For example, <code>*;*;*</code> means three equally wide columns. Use <code>3*;*</code> for two columns, where the first column is three times wider than the second. Use <code>Auto;Auto</code> to format the table to match the width of the cell/field. | ||
* Rows | * Rows – Use asterisks separated by semicolons to define multiple rows. | ||
== Creating a form == | == Creating a form == | ||