Revision history [back]

click to hide/show revision 1
initial version

asked 2013-04-09 08:42:25 +0800

hotboy301 gravatar image hotboy301

Interface for login pane

Hi, i want to design my login page, but i am amater here is my login.zul : <zk>

<window border="normal" width="400px" style="padding-top:20px;padding-left:20px;" title="Welcome! New User"> <grid hflex="1"> <auxhead> <auxheader colspan="2" label="Login Form" style="font-size:16px"/> </auxhead> <columns/> <rows> <row> <label value="UserName" width="250px"/> <hlayout> <textbox value="@bind(fx.userName)" width="150px" tabindex="1"/> </hlayout> </row> <row> Password <textbox type="password" value="@bind(fx.password)" width="150px" tabindex="2"/> </row> <row spans="2" align="right"> <hlayout> <label visible="@load(empty vmsgs)"/> <button id="submitButton" onclick="@command('submit')" label="Submit"/> </hlayout> </row> </rows> </grid> </window>

</zk>

Plz help me, design for it, simple, make it in center page and change backgroup color ! thanks for help !

Interface for login pane

Hi, i want to design my login page, but i am amater here is my login.zul : <zk>:

<zk>

<div apply="org.zkoss.bind.BindComposer"
        viewModel="@id('vm') @init('login.Login')"
        validationMessages="@id('vmsgs')"
        form="@id('fx') @load(vm.user) @save(vm.user, before='submit')">
    <window border="normal" width="400px" style="padding-top:20px;padding-left:20px;" title="Welcome! New User">
         <grid hflex="1">
        <auxhead>
            <auxheader colspan="2" label="Login Form" style="font-size:16px"/>
style="font-size:16px" />
        </auxhead>
        <columns/>

        <rows>

             <row>
                    <label value="UserName" width="250px"/>
width="250px" />
                    <hlayout>
                        <textbox value="@bind(fx.userName)" value="@bind(fx.userName)"
                            width="150px" tabindex="1"/>
tabindex="1"  />
                    </hlayout>

                </row>
                <row>
                    Password
                    <textbox type="password" value="@bind(fx.password)" value="@bind(fx.password)"
                        width="150px" tabindex="2"/>
tabindex="2" />

                </row>
            <row spans="2" align="right">
                <hlayout>
                   <label visible="@load(empty vmsgs)"/>
vmsgs)" />
                    <button id="submitButton" onclick="@command('submit')" label="Submit"/>
 onClick="@command('submit')" label="Submit" />

                </hlayout>
            </row>
        </rows>
    </grid>

</window>

</zk>

</div> </zk>

Plz help me, design for it, simple, make it in center page and change backgroup color ! thanks for help !

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