Revision history [back]

click to hide/show revision 1
initial version

answered 2013-06-12 07:58:20 +0800

gganassin gravatar image gganassin flag of Luxembourg

http://www.hybris.com/

Hi! i think that the fastest way to achieve this is not to try to change the default implementation of the Tabbox but is to workaround it:

    <window title="Tabbox" border="normal" width="400px">
        <style>
            .mytab {
                background-color: lightyellow;
                border: 1px solid grey;
                padding: 3px;
            }
        </style>
        <hlayout>
            <div sclass="mytab" onClick="mytabs.setSelectedIndex(0)">one</div>
            <div sclass="mytab" onClick="mytabs.setSelectedIndex(1)">two</div>
            <toolbar hflex="1">
                <toolbarbutton label="a" />
                <toolbarbutton label="b" />
                <toolbarbutton label="c" />
                <toolbarbutton label="d" />
                <toolbarbutton label="e" />
            </toolbar>
        </hlayout>
        <tabbox id="mytabs">
            <tabs visible="false">
                <tab>one</tab>
                <tab>two</tab>
            </tabs>
            <tabpanels>
                <tabpanel>
                    <label value="one" />
                </tabpanel>
                <tabpanel>
                    <label value="two" />
                </tabpanel>
            </tabpanels>
        </tabbox>
    </window>

Giovanni

Hi! i think that the fastest way to achieve this do that is not to try trying to change the default implementation of the Tabbox but is to workaround it:

    <window title="Tabbox" border="normal" width="400px">
        <style>
            .mytab {
                background-color: lightyellow;
                border: 1px solid grey;
                padding: 3px;
            }
        </style>
        <hlayout>
            <div sclass="mytab" onClick="mytabs.setSelectedIndex(0)">one</div>
            <div sclass="mytab" onClick="mytabs.setSelectedIndex(1)">two</div>
            <toolbar hflex="1">
                <toolbarbutton label="a" />
                <toolbarbutton label="b" />
                <toolbarbutton label="c" />
                <toolbarbutton label="d" />
                <toolbarbutton label="e" />
            </toolbar>
        </hlayout>
        <tabbox id="mytabs">
            <tabs visible="false">
                <tab>one</tab>
                <tab>two</tab>
            </tabs>
            <tabpanels>
                <tabpanel>
                    <label value="one" />
                </tabpanel>
                <tabpanel>
                    <label value="two" />
                </tabpanel>
            </tabpanels>
        </tabbox>
    </window>

Giovanni

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