I'm trying to create a 3 column checkbox list, but I want the checkboxes listed vertically, per column. When I add the gf_list_3col to a checkbox widget I get the 3 colums that I want, but the checkboxes are listed horizontally.
PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.
how do i get 3 column vertical checkbox lists?
-
The CSS ready class only emulates a 3 column layout by equally floating/spacing the elements horizontally. If you want actual vertical columns, you would have to use jQuery to introduce some additional markup into the field. The easiest work around would be to re-order your items/checkboxes ( 1-4-7-2-5-8-3-6-9 ) so that they lay out/read the way you want them to.. ( see example below ) - maybe not the most elegant solution, but a solution nonetheless. Only your hairdresser will know the difference.
example: http://bit.ly/wQqBbN
Posted 12 years ago on Wednesday January 25, 2012 | Permalink
