Create a style
In Forms, you can create styles to ensure that your forms are on-brand in just one click.
You can create two types of styles:
-
Visual styles - built with the Styles builder.
-
CSS styles - created by saving the style as CSS code.
You can start working on a style using the Styles builder, then open the CSS editor where you can edit further the style you just created as CSS code.
However, you cannot go back to editing the style in the visual builder after you have started editing the CSS code. Going back to the Styles builder from the CSS editor will erase all the changes you made in the code.
Create a style using the visual builder
To create a style using the visual builder:
-
In Forms top toolbar, click Styles > Add style.
-
Enter a name for the style, and click Add.
-
In the visual builder, on the left hand side, click the various options you want to modify. You can see the changes applied to the default style on the right-hand side of the canvas.
-
When you are done with your changes, click Save.
-
Alternatively, to switch to editing the style by modifying CSS code, click Edit style as CSS.
The style is now saved and can be applied to a form.
Create a style using the CSS editor
To create a style using the visual editor:
-
In Forms top toolbar, click Styles > Add style.
-
Enter a name for the style, and click Add.
-
To open the CSS editor, click Edit style as CSS.
-
Modify the existing CSS code or enter new CSS classes. You can see the changes applied to the default style on the right-hand side of the canvas.
-
When you are done with your changes, click Save.
A style saved as CSS code has (Code) appended to its name. The style can now be applied to a form.