Our ZK application uses resizable overlapping windows that should automatically present a horizontal scrollbar if the user resizes the window to be smaller than the content. This works fine under IE7, but we're not seeing the same behavior under IE6. With IE6, the window itself does not seem to allow resizing smaller than the content, but the title bar does get smaller.
Does anyone have a work-around for this? We'd like to see the same behavior under IE6 that we see under IE7.
Thanks,
Dave
To reproduce:
1. Run following zul under IE6.
2. Attempt to resize the inner window to be less wide than the label within the window.
3. Under IE6, notice that the title bar gets smaller than the window, but the window itself will not get smaller than the label, and no horizontal scrollbar appears.
4. Run under IE7 and notice that a horizontal scrollbar will appear if you resize the window to be less wide than the label.
ZK - Open Source Ajax Java Framework
Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4865574
By: dave_wild
Hi,
Our ZK application uses resizable overlapping windows that should automatically present a horizontal scrollbar if the user resizes the window to be smaller than the content. This works fine under IE7, but we're not seeing the same behavior under IE6. With IE6, the window itself does not seem to allow resizing smaller than the content, but the title bar does get smaller.
Does anyone have a work-around for this? We'd like to see the same behavior under IE6 that we see under IE7.
Thanks,
Dave
To reproduce:
1. Run following zul under IE6.
2. Attempt to resize the inner window to be less wide than the label within the window.
3. Under IE6, notice that the title bar gets smaller than the window, but the window itself will not get smaller than the label, and no horizontal scrollbar appears.
4. Run under IE7 and notice that a horizontal scrollbar will appear if you resize the window to be less wide than the label.
<?xml version="1.0" encoding="UTF-8"?>
<window id="outerWindow" top="0px" left="0px" title="Window Resize Test"
border="none"
closable="false" height="800px" width="100%"> <window id="innerWindow" border="normal"
contentStyle="overflow:auto;position:relative;background:white"
title="Inner Window" sizable="true" closable="true" width="275px"
visible="true" >
<menubar id="menubar">
<menu label="File"> </menu>
<menu label="Edit"> </menu>
<menu label="Navigate"> </menu>
</menubar>
<vbox>
<label id="label" value="This label needs horizontal scroll bar" width="200px"
style="white-space:pre" />
<label value="second label" />
</vbox>
</window>
</window>