Tabbox with mold="accordion" has scroll problems

asked 2009-02-19 10:51:40 +0800

Emanuele
117 ● 1

updated 2009-02-19 10:53:52 +0800

Try the following code (with ZK 3.5.2):

<div height="100px" style="overflow:auto">

		<tabbox mold="accordion">
			<tabs>
				<tab label="Tab 1"/>
				<tab label="Tab 2"/>
				<tab label="Tab 3"/>
				<tab label="Tab 4"/>
				<tab label="Tab 5"/>
			</tabs>
			<tabpanels>
				<tabpanel>
					Tab panel 1
				</tabpanel>
				<tabpanel>
					Tab panel 2
				</tabpanel>
				<tabpanel>
					Tab panel 3
				</tabpanel>
				<tabpanel>
					Tab panel 4
				</tabpanel>
				<tabpanel>
					Tab panel 5
				</tabpanel>
			</tabpanels>
		</tabbox>

</div>

With Mozilla Firefox (ver. 3.0.6) it works well: The right scrollbar is correctly viewed and is linked to the tabbox. Instead with IE 7, the scrollbar is viewed but it seems to be unlinked with the tabbox contained in div component. So I can't scroll to view the entire tabbox. Is it a bug?

Thanks
Emanuele

delete flag offensive retag edit

8 Replies

Sort by » oldest newest

answered 2009-02-20 01:03:12 +0800

YamilBracho
1722 ● 2

I check the html code and I think this code does not work well with IE (or IE does not execute this code well)

...
</head>
<body>

<div class="zk" id="z_nj_0" z.dtid="gnjh" style="width:100%;height:100%;" z.zidsp="page" z.au="/TestZul/zkau;jsessionid=D520D2949C11D4390F2ED4FF0011DDB6">

<div id="z_nj_1" style="height:100px;overflow:auto;">
...

The line <div id="z_nj_1" style="height:100px;overflow:auto;"> works if you change to:

However I do not know how to write this code in ZUL...

HTH

link publish delete flag offensive edit

answered 2009-02-20 08:36:46 +0800

Emanuele
117 ● 1

Thank you Yamil. I tried to modify the ZUL replacing overflow:auto with overflow:scroll

<div height="100px" style="overflow:scroll">

but it does not work again.

Has anybody else any suggestions?

link publish delete flag offensive edit

answered 2009-02-20 18:48:06 +0800

YamilBracho
1722 ● 2

Emanuele did you change to

   <tabbox mold="accordion" style="overflow:scroll">

Please see the generated HTML code in your browser to check if the style is applied where it should be...

link publish delete flag offensive edit

answered 2009-02-23 09:01:40 +0800

Emanuele
117 ● 1

updated 2009-02-23 09:02:59 +0800

The way to generate HTML code like you suggested is to set the style="overflow:scroll" or style="overflow:auto" directly to the external div. I checked the HTML code generated: it is like you suggested.... and running it with IE 7 works well.... but this is pure HTML code, not using ZK component.

The page graphically speaking does NOT contain ZK components! With ZK components it continues to NOT work... :-((