Previous icon

Next icon

Understanding element styles

Styles define the appearance of elements. See Applying element styles.

You can apply individual styles or combine styles for greater effect. For example, the following button has the Orange, Large and Block (full width) styles applied:

Save for Later (orange, full width, large)

Styles are defined using either:

Note: For a description of these style properties, see Online form builder - Properties tab.

Style reference

You can use the following table to determine the result when styles are applied.

Style

Result

Half Width

Halves the width of the selected element.

Half-width element

Pull Right

Right-aligns and halves the width of the selected element.

Pull right

Tip: You can use this style to wrap HTML text around an element.

Primary (Blue)

Primary (Blue) button

Green

Green button

Blue

Blue button

Orange

Orange button

Red

Red button

Large

Large button

Small

Small button

Extra Small

Extra small button

Block
(Full Width)

Block (full width) button

Last modified: 12/07/2017 5:22:56 PM

See Also

Applying element styles

© 2017 Synergetic Management Systems. Published 29 June 2017.

Top of page