![]() ![]() Within the form builder, you can drag existing fields into the "column drop zone" - the builder will then automatically resize all fields within the drop zone to create columns of equal width. ![]() Once you placed it where you need, drop the widget.A border will indicate where will be placed the field.Drag it to the left or right of an existing field.Click a widget on the left panel and Drag it to the form builder canvas.To create columns with a field (component): Once placed in the required place, release the component.According to where you drag the component, an active zone where the component will be placed will appear.Drag the component up or down according to your requirements.Note: Pressing ESC will close the popovers. Edit the information according to your requirements.Click on the field to edit, and a pop-over will appear with field information.Once you placed it where you need, drop the button.At the time you enter the Form Builder's active area, a box will indicate where will be placed the Field.Click a widget on the left panel and Drag it to the right area.Or, if you want to add a field in a specific placement.That's all! The form component will appear in your form, below all other components. Buttons: Change the text of the Submit button.Shadows: Add or remove a drop shadow around your form.Borders: Set the thickness, style, and color of the borders around certain elements on your form.Typography: Choose the font, style, size, and color of all the text elements on your form.Backgrounds: Change the background of different elements on your form.The right panel is the Theme Designer from where you can customize the look and feel of your form: The center area is the Form Preview from where you can manipulate each of the components. A "Copy" button allows you to copy the entire source code easily. From here you can recognize each element ID to manipulate the Form in a more advanced way. The tab Code let see in real time the HTML code that is being generated with the Form Builder.The tab Settings let set the form name, the form layout (labels position) and disabling all fields.Simply drag and drop them to the right area. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |