0

Layout Help please

asked 2013-11-14 07:55:40 +0800

Senthilchettyin gravatar image Senthilchettyin flag of India
2611 3 8
http://emrpms.blogspot.in...

Look at the Top layout. Can you please suggest what component can be used to design this layout? grid or border layout

image description

delete flag offensive retag edit

Comments

why don't you use vlayout, hlayout, vbox, hbox directly?

roliroli ( 2013-11-15 16:16:59 +0800 )edit

2 Answers

Sort by ยป oldest newest most voted
1

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

gganassin gravatar image gganassin flag of Luxembourg
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

link publish delete flag offensive edit

Comments

Thanks a lot. Voted :)

Senthilchettyin ( 2013-11-16 13:36:06 +0800 )edit
0

answered 2013-11-15 17:19:42 +0800

Randi gravatar image Randi
1

border layout

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: 2013-11-14 07:55:40 +0800

Seen: 19 times

Last updated: Nov 16 '13

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