Interface for login pane

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

hotboy301 gravatar image hotboy301

updated 2013-04-10 06:33:29 +0800

sjoshi gravatar image sjoshi flag of India
3493 1 8

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


<div apply="org.zkoss.bind.BindComposer"
        viewModel="@id('vm') @init('login.Login')"
        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">
            <auxheader colspan="2" label="Login Form" style="font-size:16px" />


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

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

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



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

delete flag offensive retag edit

2 Answers

Sort by ยป oldest newest most voted

answered 2013-04-10 01:58:47 +0800

hawk gravatar image hawk
3185 1 5
http://hawkphoenix.blogsp... ZK Team

updated 2013-04-10 02:02:01 +0800

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.

link publish delete flag offensive edit

answered 2013-04-12 08:23:21 +0800

Senthilchettyin gravatar image Senthilchettyin flag of India
2623 3 8

Example here

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

1 follower



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

Seen: 42 times

Last updated: Apr 12 '13

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