0

Orient in Tabbox not working correctly

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

Jsimm876 gravatar image Jsimm876
1

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

index.zul

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

TestComposer.java

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 {
        super.doAfterCompose(comp);

    }

    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
0

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

hawk gravatar image hawk
2620 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

Follow
1 follower

RSS

Stats

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

Seen: 6 times

Last updated: Apr 20

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