This guide explains how to add custom CSS classes to a specific form field or its container (the area that wraps the label and input).
This feature is useful if you want to apply specific styles or JavaScript behaviors to individual form elements.
1. Assign Classes to a Form Field
To assign classes to a specific field (such as a text field, checkbox, or dropdown menu), follow these steps:
1. Access the form editing section and go to the Generali tab.
2. In the Campi section, locate the field you want to modify and click on it to expand its settings.
3. Scroll down to the bottom of the field settings and check the box Mostra impostazioni avanzate.
- Note: If this box is already checked, you can skip this step.
4. Once advanced settings are displayed, you will see two fields dedicated to entering classes:
- Classi Input: Enter here the CSS classes you want to apply directly to the input element (for example, the
<input>,<select>, or<textarea>tag). - Classi Contenitore: Enter here the CSS classes you want to apply to the main container of the field (the
divelement that wraps the label and input).
5. Enter the desired classes, separating them with a space (for example: mia-classe-rossa nascondi-su-mobile).
6. Save the form to apply the changes.
2. Assign Classes to the Submit Button
You can also customize the form's Submit button.
1. Access the form editing section and go to the Generali tab.
2. Scroll down to the Pulsante di invio section.
3. In this section, you will find the following fields:
- Classi Input: Enter the CSS classes you want to apply directly to the submit button.
- Classi Contenitore: Enter the CSS classes you want to apply to the button's container (useful for managing alignment or spacing).
4. Enter the desired classes.
5. Save the form to apply the changes.
