The form, just like all the elements in it, has its own style properties and they are all located in the properties panel, under "Style" tab.
Most of the categories under the form's style tab are identical to the ones under the elements. (Background, Size, Margin, Padding, Alignment, Border). However, there are 3 additional categories
Asterisk ,
Error Messages and
Valid Indicator.
Following are the properties according to category:
Background
This category controls the background of the form.
Here you can choose between a back color and back image using a radio button.
Back Color
| Color Picker |
When the "back color" option is chosen (and it is chosen by default) the color picker listbox appears, to choose the color from. |
Back Image
| Set Image Button |
When the "Back Image" option is selected a "set image" button appears to choose an image from the gallery or upload your own. |
| Repeat / Fixed / Cover |
Once you choose an image as background in a container you will need to set its position.
Repeat - If the container is bigger than the image - it will be repeated.
<Fixed/u> - keeps the background image in place so that it doesn't move when the content's height is greater than the image's height .
Cover - Makes the image cover the entire container it's in.
|
Size
In this categ ory you can determine the width and height of your form.
| width Valuein px |
enter a width value in px |
| Height Value in px |
enter a height value in px |
Margin
| Top, Bottom, Left, Right |
Four input boxes you can enter margin values (in pixels), thus adding a space outside the element. |
Padding
| Top, Bottom, Left, Right |
Four input boxes you can enter padding values (in pixels) thus adding a space inside the element.. |
Alignment
| Align DropDown |
Choose an Align value: left, center or right. |
Border
| Border Style |
Choose an option: None, Solid, Double, Dashed, Dotted, Groove, Ridge, Inset, Outset. |
| Only Bottom Border |
Turning on this checkbox will make only the bottom border appear. |
| Border Thickness |
Enter a border thickness value in px. |
| Border Rounded Corner Radius |
Enter a corner radius value (in px) to make the border corners rounded. |
| Border Color |
Choose a color from the color picker. |
| Border Shading |
Choose a shading color from the color picker |
Asterisk
| The sign that appears next to an element to mark it as mandatory |
| Asterisk Size |
An input box to enter size of mandatory asterisk (in px). |
| Color Dropdown |
A listbox from which you can choose the color of the asterisk |
| B U |
An option to make the asterisk bold and/or underlined. |
Error Messages
| Here you can choose the color of the error messages that appears under the elements when a wrong value is entered. |
| Color Dropdown |
Choose a color for the Error messages from the list. |
| View Colors |
A display of all color schemes to help you decide which one to choose from the dropdown.
 |
Valid Indicator
| Here you can choose the color of the indicator that appears under the elements when a right value is entered. |
| Valid Indicator Dropdown |
Choose a color for the indicator from the list. |