0

add caption (image) with proper height.

asked 2012-05-16 12:40:12 +0800

manishashrm gravatar image manishashrm
195

updated 2012-05-16 12:41:14 +0800

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>


image10------->here image link is want to add UCX logo in login page-"http://www.google.co.in/imgres?q=ucx+logo&um=1&hl=en&sa=N&biw=1058&bih=575&tbm=isch&tbnid=PZmEe6U4hlybhM:&imgrefurl=http://www.ucxindia.com/Media%2520kit/M__143&docid=0qayEgFp4iWC-M&imgurl=http://www.ucxindia.com/downloads/logo3.jpg&w=273&h=220&ei=V5-zT9KMC8uzrAf03ejlAw&zoom=1"


plz help me to make it suitable.

delete flag offensive retag edit

2 Replies

Sort by ยป oldest newest

answered 2012-05-16 16:11:40 +0800

twiegand gravatar image twiegand
1807 3

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

link publish delete flag offensive edit

answered 2012-05-17 09:58:09 +0800

manishashrm gravatar image manishashrm
195

Thanks a lot twiegand. this is very useful post for me.

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-16 12:40:12 +0800

Seen: 144 times

Last updated: May 17 '12

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