Revision history [back]

Hi,

I got a ZUL Page, which is aligned by a "borderlayout". In "north" I got a Menubar, which is aligned left.

Now I want 2x Buttons and 2x Labels in "north", on the opposite direction of the Menubar (right).

I tried:

        <north border="none">
        <hbox width="100%">
            <menubar id="menubar" width="380px">
                <menu label="A">
                    <menupopup>
                        <menuitem label="A1"/>
                    </menupopup>
                </menu>
                ....                    
            </menubar>
            <hbox vflex="1" hflex="1" align="center">
                <div hflex="1"></div>
                <label id="B"/>
                <button id="C" label="C" />
                <button id="D" label="D" />
                <label id="E"/>
            </hbox>
        </hbox>
    </north>

which looks fine, but when I set a value for label "b" or "e", the design gets broken.

h**p://i.imgur.com/HnRnxmj.png

The top part in the image is the right looking one, while the bottom one is screwed up. Any Idea how to fix this? The buttons are "fixed width" while both labels can "grow".

Thanks

Hi,

I got a ZUL Page, which is aligned by a "borderlayout". In "north" I got a Menubar, which is aligned left.

Now I want 2x Buttons and 2x Labels in "north", on the opposite direction of the Menubar (right).

I tried:

        <north border="none">
        <hbox width="100%">
            <menubar id="menubar" width="380px">
                <menu label="A">
                    <menupopup>
                        <menuitem label="A1"/>
                    </menupopup>
                </menu>
                ....                    
            </menubar>
            <hbox vflex="1" hflex="1" align="center">
                <div hflex="1"></div>
                <label id="B"/>
                <button id="C" label="C" />
                <button id="D" label="D" />
                <label id="E"/>
            </hbox>
        </hbox>
    </north>

which looks fine, but when I set a value for label "b" or "e", the design gets broken.

h**p://i.imgur.com/HnRnxmj.png

The top part in the image is the right looking one, while the bottom one is screwed up. Any Idea how to fix this? The buttons are "fixed width" while both labels can "grow".

Thanks

Hi,

I got a ZUL Page, which is aligned by a "borderlayout". In "north" I got a Menubar, which is aligned left.

Now I want 2x Buttons and 2x Labels in "north", on the opposite direction of the Menubar (right).

I tried:

        <north border="none">
        <hbox width="100%">
            <menubar id="menubar" width="380px">
                <menu label="A">
                    <menupopup>
                        <menuitem label="A1"/>
                    </menupopup>
                </menu>
                ....                    
            </menubar>
            <hbox vflex="1" hflex="1" align="center">
                <div hflex="1"></div>
                <label id="B"/>
                <button id="C" label="C" />
                <button id="D" label="D" />
                <label id="E"/>
            </hbox>
        </hbox>
    </north>

which looks fine, but when I set a value for label "b" or "e", the design gets broken.

h**p://i.imgur.com/HnRnxmj.png

The top part in the image is the right looking one, while the bottom one is screwed up. Any Idea how to fix this? The buttons are "fixed width" while both labels can "grow".

Thanks