Form: Difference between revisions

Jump to navigation Jump to search
231 bytes added ,  16 March 2023
Line 65: Line 65:


The following properties can be configured on the '''Tab''' level:
The following properties can be configured on the '''Tab''' level:
* Name – Label of the tab
* Name – Label or title 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 on the left or right side of the screen when viewing the form in full screen. See Flexible_form#App_behavior_details|example]].
* Header – When using the flexible forms, you can set what to display as the form header.
* Header – When using flexible forms, select 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).
** Hidden – The header is hidden. Buttons and functions normally located in the header are no longer available (expand/collapse tab, plus button, ...)
** Icon & label Whole header, including the icon and name will be shown. See [[Form#Form_tab_icons|Form tab icons]] for more information.
** Icon & title The whole header, including the icon and name, will be shown. See [[Form#Form_tab_icons|Form tab icons]] for more information.
** Label – Only the tab name is shown.
** Title – Only the tab name is shown.
 
* Icon Select the tab icon.
* Width Normal represents the ordinary size of one tab, Large means that the tab will take size of two tabs.
* Width Full-width tab always uses 100% of the panel width. Half-width tabs can be placed next to each other if the screen is wide enough. Applies to flexible forms only.
* Height Number of rows that will be visible in the tab item, other records will be available with scrolling.
* Expand Button – Show or hide the button that allows users to expand/collapse form tabs.
* Expand Button – Show or hide the button that allows users to expand/collapse form tabs.
* Expanded – A form tab can start either expanded or collapsed.
* Initial state – A form tab can start either expanded or collapsed.


Additional settings for '''Auto Grid''' ([[Form#Displaying_multiple_fields_per_row|display multiple fields in one row]]):
Additional settings for '''Auto Grid''' ([[Form#Displaying_multiple_fields_per_row|display multiple fields in one row]]):
Line 82: Line 81:


Additional settings for '''lists''':
Additional settings for '''lists''':
* Arrange items – Defines whether records are arranged horizontally or vertically. Scrolling also follows this option.
* Height – Number of rows that will be visible in the tab item, other records will be available with scrolling.
* Use Home Icon – Use the images from the Home directory as icons.  See [[Form#Form_tab_icons|Form tab icons]] for more information.
* Use Home Icon – Use the images from the Home directory as icons.  See [[Form#Form_tab_icons|Form tab icons]] for more information.
* Icon Name – Enter a custom icon name (located in the Tabs directory).
* Icon Name – Enter a custom icon name (located in the Tabs directory).
* 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.
* Binding – For associated lists, it defines the lookup field.


Line 99: Line 99:


Additional settings for '''buttons''' created via [[Form#Additional_form_components|'''Add Button''']]:
Additional settings for '''buttons''' created via [[Form#Additional_form_components|'''Add Button''']]:
* Button Text – The text on the button.
* Label – The text on the label. Note that in default styles, button labels are not displayed in the app.  
* Label – The text on the label. Note that in default styles, button labels are not displayed in the app.  
* Click Text The text on the button.
* Command You can associate a command with this button.


{{Anchor|Image Actions}}Additional settings for '''image items''' created via '''Add Image''' button – these are the actions that app users can do with the picture in the app.
{{Anchor|Image Actions}}Additional settings for '''image items''' created via '''Add Image''' button – these are the actions that app users can do with the picture in the app.
* Clear
 
* Capture Photo
* Capture Photo
* Select Photo
* Select Photo
* Select File
* Select File
* Load File From
* Load File From
* View
* View
* Clear
* Open External
* Open External
* Copy
* Copy

Navigation menu