borderlayout not working on 5.0.8 version

asked 2011-09-14 08:44:26 +0800

airton
78 ● 1

Hello.

This code works on 5.0.7.1 CE but not on 5.0.8 CE version:

<?page title="border layout" contentType="text/html;charset=UTF-8"?>
<zk>
	<window title="border layout" border="normal">
		<borderlayout height="300px">
			<north>
				<borderlayout height="120px">
					<center>CENTER</center>
				</borderlayout>
			</north>
		</borderlayout>
	</window>
</zk>

Thanks.

delete flag offensive retag edit

4 Replies

Sort by » oldest newest

answered 2011-09-15 12:39:22 +0800

airton
78 ● 1

I've found a way to use it under 5.0.8 - setting the height of the north outter borderlayout instead of the inner borderlayout height:

<?page title="border layout" contentType="text/html;charset=UTF-8"?>
<zk>
	<window title="border layout" border="normal">
		<borderlayout height="300px">
			<north height="120px">
				<borderlayout>
					<center>CENTER</center>
				</borderlayout>
			</north>
		</borderlayout>
	</window>
</zk>

link publish delete flag offensive edit

answered 2011-09-16 05:30:21 +0800

cvarona
554 ● 1 ● 6

I have a similar problem; the following works on 5.0.7.1, it doesn't on 5.0.8 (when tried in the online zksandbox):

<window width='100%' height='100%'>
    <zk>
        <borderlayout >
            <north maxsize="40" collapsible="true" style="background: teal;" border="none">
                <hbox style="background: teal; color: white; margin: 15px;">
                    <label  style="padding:20px; color: white; font-size: 150%" />
                </hbox>
            </north>
            <west minsize="150" size="20%" flex="true" splittable="true" collapsible="true" border="none">
                <tree  multiple="false" height="100%" width="100%">
                    <treecols>
                        <treecol label="Some label"/>
                    </treecols>
                    <treechildren>
                        <treeitem label="Some label"  >
                            <treechildren>
                                <treeitem  label="Some label"   />
                                <treeitem  label="Some label"  />
                                <treeitem  label="Some label"  />
                                <treeitem  label="Some label"   />
                                <treeitem  label="Some label"  />
                                <treeitem  label="Some label"  />
                            </treechildren>
                        </treeitem>
                        <treeitem label="Some label"  >
                            <treechildren>
                                <treeitem  label="Some label"   />
                                <treeitem  label="Some label"  />
                                <treeitem  label="Some label"   />
                                <treeitem  label="Some label"   />
                            </treechildren>
                        </treeitem>
                        <treeitem label="Some label"  >
                            <treechildren>
                                <treeitem  label="Some label"   />
                            </treechildren>
                        </treeitem>
                        <treeitem label="Some label"  >
                            <treechildren>
                                <treeitem  label="Some label" />
                                <treeitem  label="Some label" />
                                <treeitem  label="Some label" />
                            </treechildren>
                        </treeitem>
                        <treeitem label="Some label" >
                            <treechildren>
                                <treeitem  label="Some label" />
                                <treeitem  label="Some label" />
                                <treeitem  label="Some label" />
                                <treeitem  label="Some label" />
                            </treechildren>
                        </treeitem>
                    </treechildren>
                </tree>
            </west>
            <center flex="true" autoscroll="true"  border="none">
                <borderlayout width="100%" height="100%">
                    <center flex="true" border="normal">
                        <tabbox  width="100%" height="100%" sclass="lite">
                            <tabs />
                            <tabpanels />
                        </tabbox>
                    </center>
                    <west  minsize="200" size="20%" splittable="true" collapsible="true" border="normal" autoscroll="true" style="background-color: #86a4be;">
                        <vbox>
                            <vlayout  visible="false"></vlayout>
                        </vbox>
                    </west>
                    <north border="normal" style="background-color: #86a4be;">
                        <vbox height="95px" spacing="0px">
                            <menubar width="100%">
                                <menu  label="Some label">
                                    <menupopup>
                                        <menu  label="Some label">
                                            <menupopup>
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                            </menupopup>
                                        </menu>
                                        <menu  label="Some label">
                                            <menupopup>
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  disabled="true" label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                            </menupopup>
                                        </menu>
                                        <menu  label="Some label">
                                            <menupopup>
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                            </menupopup>
                                        </menu>
                                        <menu  label="Some label">
                                            <menupopup>
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                                <menuitem  label="Some label" />
                                            </menupopup>
                                        </menu>
                                        <menuitem  label="Some label" />
                                    </menupopup>
                                </menu>
                            </menubar>
                        </vbox>
                    </north>
                </borderlayout>
            </center>
        </borderlayout>
    </zk>
</window>

In this case it's the loading mechanism that seems to fail: under 5.0.7.1 it works always. In 5.0.8 it works as a standalone page, but not when loaded via Executions.createComponentsDirectly (as my application and I guess the online zksandbox do).

With kind regards

César Varona