Layout Help please

answered 2013-11-16 11:01:54 +0800

gganassin
540 ● 6
http://www.hybris.com/

updated 2013-11-16 11:03:11 +0800

I am a great fan of the Borderlayout even is sometimes it is maybe too expensive... especialy when you want to achieve a custom layout.

pure divs & CSS made my way in many situations Seth:

    <?page title="Auto Generated index.zul"?>
<window title="For Seth" border="normal" hflex="1" vflex="1">
    <style>
    .menu {
        float: left;
        height: 100%;
    }

    .menuBubble {
        padding: 15px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .mainBubble {
        -moz-border-radius: 5px;
        border-radius: 5px;
        float:left;
        background-color:lightcyan;
        height: 100%;
    }

    .bubbleGrey {
        background: #F3F3F3;
    }
    .bubbleYellow {
        background: #FFC;
    }
    </style>
    <div height="400px">
        <div sclass="menu">
            <div sclass="menuBubble bubbleYellow" vflex="1">
                bubble
            </div>
        </div>
        <div sclass="mainBubble" hflex="1">
            bubble
        </div>
        <div sclass="menu">
            <div sclass="menuBubble bubbleYellow" vflex="1">
                bubble
            </div>
            <div sclass="menuBubble bubbleGrey" vflex="1">
                bubble
            </div>
        </div>      
    </div>
</window>

It is highly improvable but it just to give you the idea: hope it helps! Giovanni