Controls have a
Styling Assistant that allows you to style a Control without the need to write CSS.
Common styling properties include:
- Text font, size, weight, style, colour, decoration, line-height.
- Background colour, background image.
- Border width, style, colour, corner radius.
- Padding & Margin size.
When your Form runs in a browser, these styles are converted into CSS rules and attached to the Page.
The Styling Assistant can be opened by:
- Right-clicking a Control in the
Outline or WYSIWYG view and select
Style.
- Selecting a Control and pressing Ctrl + T.
- Clicking the
at the top of the Properties View when the Control is selected.
- Clicking the
button on the Control style property
The Styling Assistant has an interactive preview so you can see the effect of your changes as you make them.
The Advanced Properties section of the Styling Assistant allows you to add your own CSS classes.
Complex controls such as Field Controls are divided into sections, such as label, editor and help. Each section is styled individually.