0

How to integrate existing html layout with a zul page

asked 2010-08-17 06:01:50 +0800

Dineli gravatar image Dineli
15

Hi,

I have a existing html layout where i want to integrate with a zul page.

This is the html layout. (default.html)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Generic</title>
</head>
<body>
<div class="site_top"></div>
<div class="container">
<div id="header" class="span-24">
<h1>Deafult 1.0.1</h1>
</div>
<div id="" class="span-24">
<div class="span-22 prepend-1">
<fieldset class="span-21 inline">
<legend> Titles </legend>
<div class="span-9 prepend-1">
<p>
<label for="dummy0">adasasd</label><br>
<input type="text" class="" name="dummy0" id="rows" value="00">
</p>
</div>
<div class="span-12 prepend-1">
<p>
<input type="submit" value="OK" onClick="create_init();">
</p>
</div>
</fieldset>
</div>
<div class="span-24">
<form id="dummy" action="" method="post" >
<input type="hidden" id="hideme"/>
</form>
</div>
<hr/>
<div id="showme" class="span-24"></div>
</div>
<hr/>
<div id="footer">
<p id="cpright">.</p>
</div>
</div>
<div class="site_bottom"></div>
</body>
</html>

This is my zul page. (index.zul)

<?page title="" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="" border="normal" id="auth">
<div class="site_top"></div>
<zscript>
<![CDATA[

//java code goes here

]]>
</zscript>
<caption>
<toolbarbutton label="Signup" href=""/>
</caption>
<tabbox width="400px">
<tabs>
<tab label="Login" closable="false"/>
</tabs>
<tabpanels>
<tabpanel>
<grid fixedLayout="true">
<rows>
<row>
E-mail <textbox id="l_email" width="175px"
constraint="/[email protected]+\.+/: Please enter an e-mail address"/>
</row>
<row>
Password <textbox id="l_password" type="password" width="175px"/>
</row>
<row>
<label visible="false"/> <button label="Login" width="175px" height="25px" onClick="login()"/>
</row>
</rows>
</grid>
</tabpanel>
</tabpanels>
</tabbox>
</window>
</zk>

For Example the text boxes should come inside
<p>
E-mail <textbox id="l_email" width="175px" constraint="/[email protected]+\.+/: Please enter an e-mail address"/>
</p>

Instead of using zk code within <html><attribute></attribute></html>, what is the best way to do this? Anyones help is really appreciated.

DK

delete flag offensive retag edit

3 Replies

Sort by ยป oldest newest

answered 2010-08-17 06:41:31 +0800

Arsen gravatar image Arsen
383 4

Good dya. Dineli.
Please look here Native html

link publish delete flag offensive edit

answered 2010-08-17 11:00:50 +0800

Dineli gravatar image Dineli
15

Hi Arsen

Thank you for the reply. I also came across the native namespace section. So is this what i should apply in order to work out my code?

DK

link publish delete flag offensive edit

answered 2010-08-17 13:58:51 +0800

Arsen gravatar image Arsen
383 4

It's one of possible ways. On that reference you can find some other ways and choose best in your case. When I need native html, I use native namespace.

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: 2010-08-17 06:01:50 +0800

Seen: 255 times

Last updated: Aug 17 '10

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