The Form Designer is where you'll add, edit and delete fields, and layout your form. We'll start with a look at the key interface elements you'll be using to design your forms.
The Form Outline Panel
The Form Outline panel shows a hierarchical view of your form. Use this panel to "drag and drop" form fields to arrange field order. Click any field, group or panel to edit the selected element. When you click an element, its properties are loaded into the Field Properties panel. It's also important to note that clicking the Forms Root Property Node (the name of the form at the top of the tree) lets you edit the global Form Properties.
The Properties Panel
Use the Properties panel to edit the properties of the selected form element. The Properties panel is separated into several sections appropriate to the type of form element selected. These sub-panels may include General Setting, Style Override Setting, Validation Setting, and Layout and Alignment Properties. The specific content of the Properties panel varies, based on the element selected.
Live Preview & Workspace