Nested tabs problem in ZK 7 - looks like a bug

asked 2013-12-14 14:24:07 +0800

RichardL gravatar image RichardL
768 4

updated 2013-12-15 04:05:24 +0800

Hi all, I recently downloaded ZK 7 and found that the tabboxes aren't displaying properly as they did in 6.5.

I have nested tabboxes. They display properly when scrolling of tabs is not needed (i.e. the number of tabs aren't enough to trigger the scrolling), as shown:

Tabs displaying correctly

However, if there are more tabs so that tab scrolling is enabled, the nested tabbox also has scrolling enabled (even though there are only two tabs) and so the first tab is only cut off, as in this image:

Nested tabbox is not displaying properly

Does anyone know of why this might be and a possible fix? Thanks!

Edit: Bug reproduced in ZK Fiddle here: http://zkfiddle.org/sample/28edofo/1-ZK-7-Nested-tabbox-bug

delete flag offensive retag edit


This is easily reproducible and I have tested it on ZK Fiddle with the same problem. Here is the ZK fiddle:


RichardL ( 2013-12-15 03:56:54 +0800 )edit

1 Answer

Sort by ยป oldest newest most voted

answered 2013-12-15 14:38:32 +0800

gekkio gravatar image gekkio flag of Finland
899 1

Looks like ZK applies the scroll style to all descendants, which is clearly a bug. Here's a quick fix that you can add to your CSS styles:

.z-tabbox-scroll .z-tabbox-icon {
  display: none;

.z-tabbox-scroll > .z-tabbox-icon {
  display: block;

Doesn't work in IE6, but shouldn't matter since ZK7 drops IE6-7 support anyway.

link publish delete flag offensive edit


Thanks for the quick fix Gekkio!

RichardL ( 2013-12-16 01:25:25 +0800 )edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools




Asked: 2013-12-14 14:24:07 +0800

Seen: 36 times

Last updated: Dec 15 '13

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More