How to place a long list of checkbox group in two columns

Display a long checkbox list in two columns.

Overview

The issue occurs when a single checkbox group with many items appears in one long column, making the form layout inefficient.
Create two separate checkbox groups with identical names and IDs, then apply the same minimum selection validation to both groups to maintain required field functionality.

om omidhz 23 Apr, 2017

I have a checkboxes group with 20 items in the group. How can I break them down to two columns in the frontend?

Max_admin 23 Apr, 2017

Hi omidhz,

I didn't try that before but you can use 2 groups of checkboxes in a multi fields area but give the 2 groups the SAME NAME.

Best regards,
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

om omidhz 23 Apr, 2017

I need the user to select at least one option from the group. If I make two separate groups, I'm not sure how to enforce this validation.
I tried to use server side validation (Validation action in Setup): I used the following two codes but both generated an error (my checkboxes group name is condition[] )

condition/minChecked[1]:Please select at least one option.

condition[]/minChecked[1]:Please select at least one option.

Max_admin 23 Apr, 2017

Answer

1 Likes

What happens when you give the 2 groups the same name and id ? the client validation does not work ?

The server validation will use "required":
field_name/required:message

Best regards,
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

om omidhz 23 Apr, 2017

1 Likes

I thought having two groups with same name may cause problem with client validation. But it didn't
I added

minChecked[1]:Please select at least one option

to both group and it worked properly.

Thank you for your help.

This topic is locked and no more replies can be posted.