• Introduction
• Localizing the front-end
• Working with styling
• Changing the HTML or behavior of existing fields
• How to create a new field type
• How to create a new submit handler
• How to create a new security handler
• How to localize the admin UI
• The configuration file

Working with styling

The Form Builder is Bootstrap 3 ready out-of-the-box and requires LESS to work properly.

The forms created with the Form Builder use styles of the Bootstrap 3 based starter sites such as “Open Cph” or “Tiny Cph”.

These styles are defined in ~/Frontend/Styles/style.less and other LESS files, which come with the starter site, and applied across the website on all pages with, and without forms.

Please note that if you are using the Form Builder on a website other than a C1 CMS starter site, you may need to edit:

• ~/Frontend/Composite/Forms/FormBuilder/FormBuilderPreview.less

Here, you should set a correct @import directive because the default reference to "../../../styles/style.less" may not reflect your situation.

The styles specific to the Form Builder are defined in:

• ~/Frontend/Composite/Forms/FormBuilder/Composite.Forms.FormBuilder.less

This style sheet also includes the minimum set of styles for the Form Builder to work on sites not based on the C1 CMS Starter sites.