Multi Column Check Boxes ?

Sorry but this is a request. 

Dolphin currently lists all multi-choice checkboxes vertically, in some instances taking up huge amounts of screen space. See Attachment 1.

From what I've read, it should be relatively simple to place these boxes in multiple columns, thus saving space and making everything much easier to read. See Attachment 2.

Oxwall supplies this feature by allowing Admins to select 1, 2, 3, or 4 columns and it's something Boonex could consider for the next update. In the meantime I'm happy to alter a few lines of CCS code to achieve the desired result.

Can some kind person volunteer to supply the code to make these changes? I think it's something that a lot of admins will want to implement on their sites.

 

 

 

Before.jpg · 15.9K · 358 views
After.jpg · 11.8K · 308 views
Quote · 28 Jan 2018

 

Sorry but this is a request. 

Dolphin currently lists all multi-choice checkboxes vertically, in some instances taking up huge amounts of screen space. See Attachment 1.

From what I've read, it should be relatively simple to place these boxes in multiple columns, thus saving space and making everything much easier to read. See Attachment 2.

Oxwall supplies this feature by allowing Admins to select 1, 2, 3, or 4 columns and it's something Boonex could consider for the next update. In the meantime I'm happy to alter a few lines of CCS code to achieve the desired result.

Can some kind person volunteer to supply the code to make these changes? I think it's something that a lot of admins will want to implement on their sites.

 

 

 

 You could float the items but they will not be in column

Item 1   Item 4

Item 2   Item 5

but

 

Item 1   Item 2

Item 3   Item 4

 

and along with the float play with the padding etc.

Geeks, making the world a better place
Quote · 29 Jan 2018

Thanks @Geekgirl. The sequence isn't important in my case, but the method may be more complex than I had hoped. Here's how Oxwall does it and examples on the Internet indicate that this is the way to do it.

I'm not good enough to implement the code but I know there are people out there who can. 

Checkboxes.jpg · 54.5K · 216 views
Quote · 30 Jan 2018

Hello johnk42!

 

The current view of checkboxes is made so by several reasons:

1) as universal solution for all checkbox fields whcih can be done in profile fields

2) to keep normal view of checkbox set for multilanguage cases, when some variant in some language can be too long.

 

With the best regards, Leonid

Quote · 1 Feb 2018

@ LeonidS, that may be the case with Dolphin, but dozens of sites offer multi-column checkboxes as an option. If the labels are too long, admins have a choice to go for less columns. I'm working on a site for a friend and he has 30 checkboxes with very short labels. Listing them one under the other looks ridiculous. He could easily have three across.

Quote · 2 Feb 2018

 

@ LeonidS, that may be the case with Dolphin, but dozens of sites offer multi-column checkboxes as an option. If the labels are too long, admins have a choice to go for less columns. I'm working on a site for a friend and he has 30 checkboxes with very short labels. Listing them one under the other looks ridiculous. He could easily have three across.

The other reason not mentioned is for mobile phones.  If you are interested in me doing this as a paid job, then send me a PM

Geeks, making the world a better place
Quote · 2 Feb 2018

Whilst searching the forums for something completely different, I came across a post where the author had changed the subject by asking an unrelated question halfway through the thread.

Oh for the importance of one subject - one thread!

My problem was answered by Deano92964 on the 26th March 2012. Thanks Deano!

The code as shown creates two rows of checkboxes and a given column width, but I'm currently unable to get it to create three or more even though Deano implies it can be done. The line:

            $iNumberOfColumns = 3; // Number of desired checkbox columns.

still produces 2 columns.

Other than that, the code works perfectly although the changes do have to be made in the code itself and I'm guessing ALL checkbox groups will adopt the same format. The Oxwall script allows for all groups to be set independently. That makes sense of course.

If you can see any holes in the code, or you can get it to produce 3 or more columns, please share it with us. Because individual checkbox sets can't be changed, I guess a two column format is adequate.

As @LeonidS points out, this probably won't look too good on a phone, but stiff!

 
Mult-Column Checkboxes.rtf · 2.3M · 206 downloads
Quote · 17 Feb 2018
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.