Orient in Tabbox not working correctly

asked 2020-04-16 19:31:01 +0800

Jsimm876 gravatar image Jsimm876

updated 2020-04-16 19:32:07 +0800

When you have a child tabbox, with orient="left" set, with a parent tabbox, with an orient="top" set the child tabbox moves the tabs to the left but the individual tabs are oriented as if they are still set to orient="top"

any ideas how to fix this?

heres some example code grabbed from ZKFiddle


  <tabbox orient="top" hflex="1" vflex="1">
      <tab label="Tab 1"/>
      <tab label="Tab 2"/>
        <tabbox orient="left" hflex="1" vflex="1">
            <tab label="Tab 1"/>
            <tab label="Tab 2"/>
            <tabpanel>Panel 1</tabpanel>
            <tabpanel>Panel 2</tabpanel>
      <tabpanel>Panel 2</tabpanel>


import org.zkoss.zk.ui.*;
import org.zkoss.zk.ui.event.*;
import org.zkoss.zk.ui.util.*;
import org.zkoss.zk.ui.ext.*;
import org.zkoss.zk.au.*;
import org.zkoss.zk.au.out.*;
import org.zkoss.zul.*;

public class TestComposer extends GenericForwardComposer{

    public void doAfterCompose(Component comp) throws Exception {


    public void onClick$btn(Event e) throws InterruptedException{
        Messagebox.show("Hi btn");
delete flag offensive retag edit

1 Answer

Sort by ยป oldest newest most voted

answered 2020-04-17 11:35:55 +0800

hawk gravatar image hawk
3133 1 5
http://hawkphoenix.blogsp... ZK Team

updated 2020-04-20 11:50:33 +0800

This is a bug: https://tracker.zkoss.org/browse/ZK-4550 Please apply the workaround below:

.z-tabbox-left>.z-tabs .z-tab{ display: block; }

check https://zkfiddle.org/sample/ndn5s3/1-nested-tabbox-issue-workaround

link publish delete flag offensive 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

1 follower



Asked: 2020-04-16 19:31:01 +0800

Seen: 6 times

Last updated: Apr 20 '20

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