-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi All,
I am trying to add logo on login page but its not looking proper. plz help me to modify the below code.
<?xml version="1.0" encoding="UTF-8"?> <zk xmlns="http://www.zkoss.org/2005/zul"> <?page title="ZK Store - Login"?> <style> body{ background-image:url('jpgXCSbkjv6lV[1].jpg'); } </style> <window id="loginWin" border="normal" style="color :red" width="250px" title="Sign In With Your User Name" position="center" mode="overlapped"> <caption image="images[10].jpg" ></caption> <grid> <rows> <row>Name: <textbox id="username" width="200px"></textbox> </row> <row>Password: <textbox id="password" type="password" width="200px"></textbox> </row> </rows> </grid> <button id="confirmBtn" label="Login " onClick="loginCheck()"></button> <zscript><![CDATA[ void loginCheck () { if ((username.getValue().equals("sysadmin") && password.getValue().equals("rede"))){ Executions.sendRedirect("index.zul"); } else if ((username.getValue().equals("pasquale") && password.getValue().equals("pasquale"))) { Executions.sendRedirect("index.zul"); }else{ Executions.sendRedirect("forum.zul"); }; } ]]></zscript> </window> </zk>
manishashrm,
Try changing your <caption> to look like this:
<caption> <image src="http://www.ucxindia.com/downloads/logo1.jpg" width="50px"/> </caption>
Doing it this way allows you to control the size of the image.
Regards,
Todd
Thanks a lot twiegand. this is very useful post for me.
Asked: 2012-05-16 12:40:12 +0800
Seen: 144 times
Last updated: May 17 '12