EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
September 15, 2025, 04:35:59 PM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for jQuery
>
multiple column layout
Pages: [
1
]
« previous
next »
Print
Author
Topic: multiple column layout (Read 10490 times)
jpierce
Jr. Member
Posts: 73
multiple column layout
«
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!
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: multiple column layout
«
Reply #1 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/
Logged
jpierce
Jr. Member
Posts: 73
Re: multiple column layout
«
Reply #2 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.
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...