Dynamic UI OverviewIn the Dynamic Layout Editor view, the Form Builder user interface is divided into the following areas:* ''Control Palette'' (the list of system controls and all other types of controls), shown on the left-hand side of the screen* ''Form Canvas'' (where the form is built and edited), shown in the middle of the screen* ''Properties Editor'' (after selecting a control to edit), shown as a pop-up dialogTo define a new UI element for your form, select the corresponding control from the control palette, drag it to the desired location on the canvas, and specify its properties in the properties editor.[[File:Dynamic-Layout-Editor-UI-50.PNG|800px|thumbnail|center|Form Builder UI]]You can change the overall look of the form (i.e., label width, padding, margins, background color, etc.) by clicking the '''Form-Wide Settings''' [[File:Form-Wide-Settings-Icon-50.PNG|26px]] icon at the top of Form Builder.[[File:Form-Wide-Settings-50.PNG|450px|thumbnail|center|Form-Wide Settings]]Upon clicking on the '''Form-Wide Settings''' [[File:Form-Wide-Settings-Icon-50.PNG|26px]] icon, a properties dialog will open. There, you can edit the following settings:* Label width (% of column)* Column padding (px)* Control padding (px)* Margin around form (px)* Background colorForm Builder allows you to create and edit multi-page forms. You can quickly add pages, remove pages, and browse all available pages using the thumbnail previews on the left-hand side of the UI.The thumbnail column (and all the thumbnails within it) can be resized by holding and clicking on the vertical bar that divides the thumbnails and the Control Palette.By default, each form begins with one page called "Main Page." To add a new page, hover your cursor over the Main Page thumbnail or any other available page thumbnail and click '''+'''.Similarly, you may remove a page from the form by clicking '''x'''. Note that the last page of a form cannot be removed.[[File:Form-Add-New-Page-51.PNG|650px|thumbnail|center|Add or remove a page]]Once you have added a page to your form, you are free to edit the name of that page.# Select the page thumbnail.The ''Control Palette'' lists each available type of control (previously called "form components") and each one has its own configuration attributes that specify the function performed by the control.[[File:Form-Components-List-50.PNG|450px|thumbnail|center|Form controls]]''System Controls'' are controls that can be present only once on each page of the form. When dragging a system control a second time, the current location is highlighted, and after dropping the new control, you will be asked, “Would you like to move the XXX control? [Move] [Cancel].”''Section'' is a system control that is always shown in the first position on the Control Palette list. The ''Section'' system control allows you to define the number of sections that appear on the form. To add or remove sections, select the checkbox beside each available column space in the section control bar (see the gray bar with the '''[=]''' symbol). The checkboxes appear upon mouse-over.[[File:Form-Section-Bar-50.PNG|800px|thumbnail|center|Add or remove sections using the form section bar]] All other controls can be placed on a form any number of times. It is forbidden to create controls with the same name on the same page of the form (an error dialog appears when applying property dialog or moving away from a docked property sheet). Controls with the same name on different pages must have the same type, in order to show the same field on different pages.Controls that can be present in multiple instances include the following:* Contact-email* Contact-phone* Contact-address* Contact-messaging-app-accountWhen added, these controls will show all instances of the field associated with an object.