-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi, i want to design my login page, but i am amater here is my login.zul :
<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" />
</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>
</div>
</zk>
Plz help me, design for it, simple, make it in center page and change backgroup color ! thanks for help !
you can reference login.zul
in http://books.zkoss.org/wiki/ZKEssentials/Chapter8:_Authentication to make it center.
For changing color, you can use style
attribute of a component or refer to http://books.zkoss.org/wiki/ZKStyleGuide for more details.
Example here
Asked: 2013-04-09 08:42:25 +0800
Seen: 42 times
Last updated: Apr 12 '13