Checkbox Field in HT Contact Forms

1. Admin Label #

The label used internally for easier management of form fields and entries in the admin dashboard.

2. Field Label #

This is the visible label users will see on the form, guiding them to make multiple selections if needed.

3. Label Position #

Define where the label appears relative to the checkbox options. Available positions:

• Default
• Top
• Right
• Bottom
• Left

Select based on your form layout preference.

4. Hide Label #

Toggle this option to hide the field label from the front-end view.
✅ Useful for simple layouts relying only on options.

5. Options #

Create and manage multiple checkbox options:

• Add as many options as needed.
• Edit option labels and values.
• Reorder the options by dragging.
• Delete any unwanted options.

✅ Example:

• First Option (first_option)
• Second Option (second_option)

6. Layout #

Control how the checkboxes are arranged:

• One Column – Displays all fields in a single vertical column.
• Two Columns – Splits form fields into two side-by-side columns.
• Three Columns – Displays form fields in three equal-width columns.
• Four Columns – Arranges form fields into four columns, best for short input fields.
• Inline Layout – Places fields inline, useful for short and compact forms (e.g., name + email in a row).
• Button Type Layout – Optimized layout when form actions are button-centric.

✅ Helps you make forms more compact or wide depending on the design.

7. Required #

Enable this toggle if at least one checkbox must be selected before submitting the form.

8. Field Size #

Choose the overall size of the checkbox field area:

• Small
• Medium (Default)
• Large

This affects the spacing around the options.

9. Field Class #

Specify a custom CSS class for the checkbox field for applying custom styles via CSS.

10. Help Message #

Provide additional instructions or information for users about the field.
✅ Useful to clarify rules like “Select at least two options.”

11. Message Position #

Choose where the Help Message appears:

• Default
• Next to Label as Tooltip
• Below Input Element

Improves form usability and accessibility.

12. Name Attribute #

Set a unique name attribute for the checkbox field.
✅ Important for identifying the selected values when processing form submissions.