The CSS classes are using BEM and set automatically by the renderForm method. Additionall classes can be added at the form designer.
Class | Description | Markup |
.flyingforms | This class is for the wrapper all over the form. |
|
.flyingforms__row | Each section module has a wrapper element. |
|
.flyingforms__row--active | When accordion or paging is active, the current step has this class |
|
.flyingforms__row__title | Each row can have a title. |
|
.flyingforms__row__content | Each row have a content wrapper. |
|
.flyingforms__col | Even the section has no column module, by default a column wrapper will be added. |
|
.flyingforms__col--12 | The subclass will be added at column elements. |
|
.flyingforms__columns | The columns module creates a new wrapper. |
|
.flyingforms__col flyingforms__col--6 | The columns module creates a new wrapper with children wrappers. |
|
.flyingforms__field | Each field has a wrapper with this class. |
|
.flyingforms__input | Input have a wrapper with this class. |
|
Element | Class | Markup |
Text | .flyingforms__field flyingforms__type--text |
|
Dropdown | .flyingforms__field flyingforms__type--dropdown |
|
Textarea | .flyingforms__field flyingforms__type--textarea |
|
Checkbox | .flyingforms__field flyingforms__type--checkbox |
|
Checkbox List | .flyingforms__field flyingforms__type--checkbox-list |
|
Radio | .flyingforms__field flyingforms__type--radio |
|
reCAPTCHAv2 | .flyingforms__field flyingforms__type--recaptchav2 |
|
Submit Button | .flyingforms__field flyingforms__type--submit |
|
Next Button | .flyingforms__field flyingforms__button-next |
|
Back Button | .flyingforms__field flyingforms__button-previous |
|
Static Image | .flyingforms__field flyingforms__type--static-image |
|
Static Text | .flyingforms__field flyingforms--w-100 flyingforms__type--static-text |
|
Static HTML | .flyingforms__field flyingforms--w-100 flyingforms__type--static-html |
|