Hello all,
I have a screen running under ZK5 that has a lot of data to display and I've been using multiple Groupboxes without the 3d mold which essentially makes fieldsets. Doing it this way groups the like data fields together in a nice, clean visual way. Plus, they look great on a wide screen because I can put 2 or 3 Groupboxes on a single line.
Here is an example of some code with 2 boxes:
Username:
Password:
First name:
Last name:
The problem comes when a user comes along with a screen width that doesn't allow full viewing of all the boxes without scrolling (e.g. the user's screen width is only 800px wide)
What I'd like to be able to do is have the boxes "wrap" to the next line (like what would happen if I changed my **** tags above to ****.
However, try as I might, I cannot seem to get this auto wrapping to occur. At best the field labels within the groupbox will go to multiple lines but at some point the two boxes just start to overlap one another, making some of the fields not readable.
I've tried various combinations of Window, Panel, Columnlayout, Hbox, etc. components but no luck so far.
Does anyone have any ideas on how to make the 2nd groupbox drop down to the next line when the browser width gets too small?
Thanks to everyone who takes the time to read and to reply!
Todd
↧