Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
I used groupbox on ZK 8.6.4. on Chrome browser when Open the groupbox the screen increase the height to show the data inside the groupbox, pushing the rest of the components to the bottom of the screen, even if scrollbar appears to show all of them. But when I closed the same groupbox, it closed well hidding data, but the space increased before remains, keeping the rest of the component bottom of the screen, even out of screen if scrollbar appeared.
Is it the regular behaviour of the groupbox? Are there any chance to force to decrease the height of the component/container when groupbox close it?
Thanks
I suppose you specify vflex="min" on the groupbox.
the reason is: client render-on-demand In the beginning, the groupbox is closed. zk doesn't create the groupbox's content into DOM. When you open the groupbox, zk creates its content DOM, so the content occupies space now. Even you close it again, ZK doesn't remove the content DOM, so the groupbox height doesn't reduce back.
possible solutions:
vflex="min"Please see here
disable client render-on-demand
<custom-attributes org.zkoss.zul.client.rod="false"/>
so that the groupbox occupies larger space at first even it's closed. That makes the page layout unchanged between open and close.
remove the content when closing
use <if> to remove the content when you close the groupbox, and call Clients.resize(groupbox) to reduce the height.
If the above suggestions don't solve your problems, please post your zul.
Asked: 2020-02-12 21:23:06 +0800
Seen: 13 times
Last updated: Feb 24 '20