Let's Take a Look at an Example of a Form |
|
Webtreepro's Form Builder offers lots of flexibility with your Form design!
Below you see actual working Form controls you can interact with,
and see how things will work on your own Form.
Also, in the following pages in this Form Builder section,
we will walk you through each Form building icon's powers,
and show you what they can do for you.
|
1. First, go to the gray panel to the left of your screen and select Add Content.
2. Scroll down to select Forms. If you need to review each tab of the Add Content, see the page Form Building, Step One,
or click here.
3. Now that you have a Form placed on a page, let's put a Table inside it, so we can add colors, and keep each section
of the Form organized.
4. Click inside the Form, and then, click the Table icon.  The Table Properties window will appear and offer
its two tabs, Common Properties, and Styles. These windows do not necessarily represent our Form example.
On the Common Properties tab:
On the Style tab:
-
Border color = hex code #108BC5. Choose your border color by going to the Style tab, clicking it, and choosing a color. Not choosing a color will make the Form have an invisible border, and can give the Form an unfinished look.
Now, we'll add some Form Controls, and text. The Form below is operable in Published Mode,
but is here for example purposes only.
|