10,730
edits
Important: Deprecating old WebView — Publish failed error
Form: Difference between revisions
Jump to navigation
Jump to search
→Managing forms
| Line 16: | Line 16: | ||
On the '''Mobile Views, Forms and Charts''' screen, you can add, clone, or remove forms, edit them and change their properties, as well as export them (to a file in XML format) or import them (for example, to a different app project). | On the '''Mobile Views, Forms and Charts''' screen, you can add, clone, or remove forms, edit them and change their properties, as well as export them (to a file in XML format) or import them (for example, to a different app project). | ||
=== Form designer === | |||
The user interface of the form designer is divided into three panes: | |||
* '''Properties''' pane (left) shows properties of the items selected on the Designer pane. | |||
* '''Designer''' pane (center) shows a mockup of the form that you are designing. | |||
* '''Fields''' pane (right) lists the entity fields that you can add to the form. | |||
* Additionally, important functions are available in the '''toolbar''' (top). | |||
=== Properties pane === | |||
The following properties can be configured on the '''Tab''' level: | |||
* 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. | |||
* Header – When using the flexible forms, you can set what to display as the form header. | |||
** Hidden – Header is hidden and only records are shown (no plus, or flip to button is shown as well). | |||
** Icon & label – Whole header, including the icon and name will be shown. | |||
** Label – Only the tab name is shown. | |||
* 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. | |||
* Expand Button - | |||
* Expanded | |||
Additional settings for '''Auto Grid''' (display multiple fields in one row): | |||
* Max Columns – How many fields should be displayed in one row. This is the maximum value, the row may show fewer fields, depending on available space. | |||
* Min Width – Define in pixels, what is the minimum width of a field. | |||
Additional settings for '''lists''': | |||
* Orientation – Only available for list items and defines whether records are aligned horizontally or vertically. Scrolling also follows this option | |||
* Binding – For associated lists, it defines the lookup field. | |||
The following properties can be configured on the '''Field''' level: | |||
* Binding - field ID | |||
* 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 - When you display multiple fields in one row using Auto Grid, customize the behavior of each field: | |||
** Normal - Default behavior, this field can be displayed in a row with other fields. | |||
** Full Width - This field is always alone in a row. | |||
** Break After - This field can be displayed in a row with other fields, however, it is the last field in the row. | |||
Additional settings for '''grid items''' | |||
* Columns | |||
* Rows | |||
== Contact information form == | == Contact information form == | ||