-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi all,
i have a new feature for the zksample2. A message system that let you send messages to other application users.
My first test looks nice and now i will seperate it into two controllers. The messageBar have only two icons in a window and the logic for the message system in a Composer.
Now i have separate the messageBar and the StatusBar in two controllers and would add the messageBar left from the statusBar in the same south area.
I'm failing to do that.
I'm not able to let the statusBarWindow right next the messageBar, where the messageBar have 50px width and the Rest is for the statusBar with three columns 50%,35% and 15%
(by my second try i have the old used grid changed to a columnlayout without success)
I do yet deploy with the bad design that you can have online a look what i mean: zksample2
.
<zk> <borderlayout> <south id="south" border="none" height="22px" flex="true" splittable="false"> <div id="divSouth" style="padding:0" width="100%"> <hbox width="100%"> <!-- The MessageBar. Comps are created in the Controller --> <window id="winMessageBar" apply="${messageBarCtrl}" border="none" width="50px" height="100%"> <grid> <columns> <column image="/images/icons/message2_16x16.gif" /> <column image="/images/icons/message2_16x16.gif" /> </columns> </grid> </window> <!-- The StatusBar. Comps are created in the Controller --> <window id="winStatusBar" apply="${statusBarCtrl}" border="none" width="100%" height="100%"> <columnlayout width="100%"> <columnchildren width="50%"> <panel border="none"> <panelchildren> <label value="tewfzffzwf" /> </panelchildren> </panel> </columnchildren> <columnchildren width="35%"> <panel border="none"> <panelchildren> <label value="tewfzffzwf" /> </panelchildren> </panel> </columnchildren> <columnchildren width="15%"> <panel border="none"> <panelchildren> <label value="tewfzffzwf" /> </panelchildren> </panel> </columnchildren> </columnlayout> </window> </hbox> </div> </south> </borderlayout> </zk>
.
| icon | icon | aaaaaaaaaaaaaaa 50% aaaaaaaaaaaaaaaa| bbbbbbb 35% bbbbbbbbbb|ccc 15% cccc| | msgWin | statusWin 100% of the rest |
thanks
Stephan
Solved.
The good old Borderlayout help me for this case.
<!-- STATUS BAR AREA --> <south id="south" border="none" height="22px" splittable="false"> <div id="divSouth" align="left" style="float: left; padding: 0px" width="100%"> <borderlayout width="100%" height="22px"> <west border="none" width="50px"> <!-- The MessageBar. Comps are created in the Controller --> <window id="winMessageBar" apply="${messageBarCtrl}" border="none" width="50px" height="22px" /> </west> <center border="none"> <!-- The StatusBar. Comps are created in the Controller --> <window id="winStatusBar" apply="${statusBarCtrl}" border="none" width="100%" height="22px" /> </center> </borderlayout> </div> </south> </borderlayout>
best
Stephan
Asked: 2010-08-26 13:05:01 +0800
Seen: 274 times
Last updated: Aug 27 '10