0

Bug in border layout with group box

asked 2012-05-03 09:31:32 +0800

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

Hi

Here is an issue on the border layout with group box on the west border

ZKFiddle-Link

Admin.zul
<?page title="Method3"?>

<zk>
<style>

</style>
<window border="none" width="100%" >
<separator spacing="1px" />
<groupbox width="92%" mold="3d" height="100%" style="padding-left: 10px;">
<attribute name="onOpen"><![CDATA[
arrow1.setSclass("open-" + self.isOpen());
]]></attribute>
<caption label="Contacts">
<div id="arrow1" class="open-true"></div>
</caption>
<vbox>
<toolbarbutton id="Adjuster" label="Adjusters" />
<toolbarbutton id="Attroneys" label="Attroneys" />
<toolbarbutton id="CaseManager" label="CaseManager" />
<toolbarbutton id="Employers" label="Employers" />
</vbox>
</groupbox>
<separator spacing="20px" />
<groupbox width="92%" mold="3d" height="100%" style="padding-left: 10px;">
<attribute name="onOpen"><![CDATA[
arrow2.setSclass("open-" + self.isOpen());
]]></attribute>
<caption label="Claim Settings">
<div id="arrow2" class="open-true"></div>
</caption>
<vbox>
<toolbarbutton id="ClaimCustomFields"
label="Claim Custom Fields" />
<toolbarbutton id="Claimstatus" label="Claim Status" />
<toolbarbutton id="InsFollowupStatus"
label="Ins Followup status" />
<toolbarbutton id="Modifiers" label="Modifiers" />
</vbox>
</groupbox>
<separator spacing="20px" />
<groupbox width="92%" mold="3d" height="100%" style="padding-left: 10px;">
<attribute name="onOpen"><![CDATA[
arrow.setSclass("open-" + self.isOpen());
]]></attribute>
<caption label="Providers">
<div id="arrow" class="open-true"></div>
</caption>
<vbox>
<toolbarbutton id="PracticeProviders"
label="Practice Providers" />
<toolbarbutton id="ReferringProviders"
label="Referring Providers" />
<toolbarbutton id="PrimarycareProvider"
label="Primary Care Providers" />
</vbox>
</groupbox>

</window>

</zk>


index.zul
<zk>
<style>

</style>
<window border="none" width="100%" height="100%">
<separator />
<div left="20px"></div>
<separator />
<borderlayout>
<north title="North Border" border="0" height="70px">
<div id="Menu">

</div>
</north>
<west title="West Border " size="20%" flex="true"
splittable="true" collapsible="true">
<div id="nav">
<include src="Admin.zul" />
</div>
</west>
<center title="Center" border="0">
<div height="99%" id="Screen">

</div>
</center>
<south title="south" height="70px">
<div align="center"></div>
</south>
</borderlayout>
</window>
</zk>


Steps to Reproduce

1. Collapse all the group box
2. Hide the west border using the slider arrow in the corner
3. Now again click on the slider to visible the west border
4. Now try to expand the group box. It is not expanding the group box properly

delete flag offensive retag edit

4 Replies

Sort by » oldest newest

answered 2012-05-04 05:39:32 +0800

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

Please, some one can help me on this ????

link publish delete flag offensive edit

answered 2012-05-08 10:25:50 +0800

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

Please!!!!!!!!!!!!!!!!!!!!!!!!!!!1 Some help....................

link publish delete flag offensive edit

answered 2012-05-08 11:03:14 +0800

cvarona gravatar image cvarona
554 1 6

I've merged both files, removed some controversial stuff and set up fixed witdth and height so that something gets displayed when tried on the onlike zksandbox:

<window border="none" width="640px" height="640px">
    <borderlayout>
        <west title="West Border " size="20%" flex="true"
                splittable="true" collapsible="true">
            <window border="none" width="100%">
                <separator spacing="1px" />
                <groupbox width="92%" mold="3d" style="padding-left: 10px;">
                    <caption label="Contacts" />
                    <vbox>
                        <toolbarbutton id="Adjuster" label="Adjusters" />
                        <toolbarbutton id="Attroneys" label="Attroneys" />
                        <toolbarbutton id="CaseManager" label="CaseManager" />
                        <toolbarbutton id="Employers" label="Employers" />
                    </vbox>
                </groupbox>
                <separator spacing="20px" />
                <groupbox width="92%" mold="3d"  style="padding-left: 10px;">
                    <caption label="Claim Settings" />
                    <vbox>
                        <toolbarbutton id="ClaimCustomFields"
                                label="Claim Custom Fields" />
                        <toolbarbutton id="Claimstatus" label="Claim Status" />
                        <toolbarbutton id="InsFollowupStatus"
                                label="Ins Followup status" />
                        <toolbarbutton id="Modifiers" label="Modifiers" />
                    </vbox>
                </groupbox>
                <separator spacing="20px" />
                <groupbox width="92%" mold="3d"  style="padding-left: 10px;">
                    <caption label="Providers" />
                    <vbox>
                        <toolbarbutton id="PracticeProviders"
                                label="Practice Providers" />
                        <toolbarbutton id="ReferringProviders"
                                label="Referring Providers" />
                        <toolbarbutton id="PrimarycareProvider"
                                label="Primary Care Providers" />
                    </vbox>
                </groupbox>

            </window>
        </west>
        <center title="Center" border="0">
            <div height="99%" id="Screen">

            </div>
        </center>
    </borderlayout>
</window>

Everything works fine.

With kind regards

César Varona

link publish delete flag offensive edit

answered 2012-05-08 13:08:28 +0800

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

Solved!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

Thank you very much,

The problem is in Height 100% in each group box. After remove that, it works fine.

link publish delete flag offensive edit
Your reply
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

RSS

Stats

Asked: 2012-05-03 09:31:32 +0800

Seen: 241 times

Last updated: May 08 '12

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