hub.eb?material_id=319&track_id=336

Introducing Styling Assistants


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.

Current Module

Related