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:


Styles are defined using either:

  • Style options property
  • Visual options property.


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.

Pull Right

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

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

Primary (Blue)

Green

Blue

Orange

Red

Large

Small

Extra Small

Block(Full Width)