-
FEATURED COMPONENTS
First time here? Check out the FAQ!
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="/.+@.+\.+/: 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="/.+@.+\.+/: 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
Good dya. Dineli.
Please look here Native html
Asked: 2010-08-17 06:01:50 +0800
Seen: 255 times
Last updated: Aug 17 '10