EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jpierce on May 13, 2013, 08:45:37 AM



Title: multiple column layout
Post by: jpierce on May 13, 2013, 08:45:37 AM
I've searched and looked through the docs and I don't think multiple column layouts is currently something EasyUI supports.  Basically, I want to have a Window that I popup and it has a list of checkboxes.  What I'd like is if those checkboxes would go from top to bottom and then if they hit the bottom it'd start over again in a second column (and third, etc.)  It would do this rather than just throw up a scroll bar leaving a large amount of white space to the right.

And if you resized the window, the layout would reflow, either moving data from the columns to the right to the left or vice versa (depending on if you made the window taller/shorter).

Is this something EasyUI can do?  If not, can it be wishlisted?  This is something that's often annoying to do with straight html/css, much like a lot of the other stuff EasyUI does.

Thanks!


Title: Re: multiple column layout
Post by: stworthy on May 14, 2013, 12:27:36 AM
The 'column-count' css property can divide a div content into multiple columns. Here is the example http://jsfiddle.net/s3Ub4/


Title: Re: multiple column layout
Post by: jpierce on May 14, 2013, 10:24:47 AM
Yes, that's what I've been using but it's not widely supported in browsers yet.  I was hoping there would be something better in EasyUI for cross-browser support.