Applying element styles

Modified on Sun, 19 Apr at 11:30 PM

You can apply one or more styles to change element:

size
colour
form position.

Note: For more information about styles, see Understanding element styles.

To apply styles to an element:

Click .
Select either:

• Text input

• Text area

• Select input

• Button.
Click . See Online form builder - Properties tab.
The Properties tab is displayed.
Select a style from either:

• Style Options property

• Visual Options property.

The style is applied to the selected object.
Repeat step 4 to add additional styles to the selected element.

Tip: You can view currently applied styles in the Style Options field and remove any style by clicking .
Repeat steps 2 through 5 until all elements have styles applied.
Click .

Attachments (23)

worddav03a35adfab22a62ff785576b9d551873.png
189 Bytes

worddav74eb0848f9f8d41dbc87dc84c7d866fe.png
3.18 KB

worddave45a0b3538a2119b0273facb0817612e.png
4.29 KB

worddavc4c13b38b8c847eb19121ae192350f82.png
3.9 KB

worddavb3ad54102724a1d440b5ee73d7dbf063.png
1.41 KB

worddavea1cb333048ef888715ae1486cd8a0bb.png
1.76 KB

image2019-7-9_14-54-37.png
7.63 KB

image2019-7-9_14-54-44.png
7.67 KB

image2019-7-9_14-54-49.png
10.3 KB

image2019-7-9_14-54-57.png
8.43 KB

image2019-7-9_14-55-20.png
1.74 KB

69e1ffc9224da.Controls_button_(Editing_mode).gif
674 Bytes

69e1ffc9224dd.image2019-7-9_14-54-37.png
7.63 KB

69e1ffc9224de.image2019-7-9_14-54-44.png
7.67 KB

69e1ffc9224df.image2019-7-9_14-54-49.png
10.3 KB

69e1ffc9224e0.image2019-7-9_14-54-57.png
8.43 KB

69e1ffc9224e1.image2019-7-9_14-55-20.png
1.74 KB

69e1ffc9224e2.Style_Options_drop-down_list_(Orange_selected).gif
4.33 KB

69e1ffc9224e3.Save_for_Later_(orange).gif
1.41 KB

69e1ffc9224e4.Save_for_Later_(orange_full_width_large).gif
1.77 KB

69e1ffc9224e5.Style_Options_field_(X).gif
123 Bytes

69e1ffc9224e6.Style_Options_field_(Styles_for_orange_button).gif
3.34 KB

69e1ffc9224e7.Online_form_editor_(Save_button).gif
906 Bytes