The Form Designer is where you'll add,edit and delete fields, and layout your form. Lets take a quick look at the key interface elements you'll want to become familiar with to design beautiful forms:
The Form Outline Panel
The form outline panel shows a hierarchical view of your form. This is where you can drag and drop to arrange field order. Click on any field, group or panel to edit it. When you click on an element, its properties are loaded in the Property Panel. Its also very important to note, that by clicking on the Root Form Node (the form name at the top of the tree), you can edit the Global Form Properties.
The Property Panel
The Property Panel is where you edit the properties of the selected form element. It is separated into several panels including general settings, style settings and validation. The panels available may be different based on the element selected.
Live Preview & Workspace