Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
<window id="win" border="normal" width="470px" height="280">
<label value="Product/Feature Bundle" style="font-weight:bold;" />
<borderlayout height="255px">
<north border="none">
<label multiline="true" value="If this product will be part of a bundle of products
that is sold to a consumer, please fill in the following information.
Please note that individual products must be created first before
they can be associated with a bundle." height="4" width="150px" />
</north>
<center>
what's your question/query sandeepa?
sandeepa, could you please provide a runnable ZUL file ?
The label between the comments(stars) below need to be displayed in multiple lines.
<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk>
<style>
.z-button {
background-image:none; background-color:##FF0000;
}
</style>
<tabbox width="100%">
<tabs>
<tab label="Product Profile"/>
<tab label="Product Details" />
<tab label="Item Details" />
</tabs>
<tabpanels>
<tabpanel>
<label value="Select a Product to Clone" sclass="alin" />
<textbox value="" width="150px" />
<separator/>
<div >
<label style="position:relative; font-size:12px;color:#008BB6;font-weight:bold;"
left="80" value="-Or" />
</div>
<separator/>
<div>
<label value="Enter All Relevent Information Below to Create new Product."/>
</div>
<separator/>
<toolbar align="start">
<label style="font-weight:bold; " value="General"/>
</toolbar>
<separator/>
<grid fixedLayout="true" >
<columns>
<column align="right" width="150px" />
<column />
</columns>
<rows>
<row>
<label value="Product Owner*" width="150px" />
<hlayout>
<textbox value="" width="150px" />
<space/><space/><space/>
<label value="PCM ID" width="150px" />
<textbox value="" width="150px" />
</hlayout>
</row>
<row>
<label value="Product Development Stage*" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Product Stage" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Business Case Approval Date" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Product Status*" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Cost Center*" width="150px" />
<textbox value="" width="150px" />
</row>
</rows>
</grid>
<separator/>
<toolbar align="start">
<label style="font-weight:bold; " value="Product Descriptio Details"/>
</toolbar>
<separator/>
<hlayout>
<grid fixedLayout="true" width="400" >
<columns>
<column align="right" width="150px" />
<column />
</columns>
<rows>
<row>
<label value="Brand Name*" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Product Name*" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Product Description Long*" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Product Description Short*" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Product Year*" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Distribution Channel*" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Product Foundation*" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Product Class*" width="150px" />
<textbox value="" width="150px" />
</row>
<row>
<label value="Product Family*" width="150px" />
<textbox value="" width="150px" />
</row>
</rows>
</grid>
<space/>
<zk>
<window id="win" border="normal" height="280">
<label value="Product/Feature Bundle" style="font-weight:bold;" />
<borderlayout height="255px">
<north border="none">
<!-- *************************************************************************** -->
<label width="150px" value="If this product will be part of a bundle of products
that is sold to a consumer, please fill in the following information.
Please note that individual products must be created first before
they can be associated with a bundle." sclass="word-wrap" multiline="true" />
<!-- *************************************************************************** -->
</north>
<center>
<grid fixedLayout="true" >
<columns>
<column align="right" width="150px" />
<column />
</columns>
<rows>
<row>
<label value="Is Product Bundle?*" width="150px" />
<textbox value="" width="180px" />
</row>
<row>
<label value="Associated Product 1" width="150px" />
<textbox value="" width="180px" />
</row>
<row>
<label value="Associated Product 2" width="150px" />
<textbox value="" width="180px" />
</row>
<row>
<label value="Associated Product 3" width="150px" />
<textbox value="" width="180px" />
</row>
</rows>
</grid>
</center>
<south border="0">
<toolbar mold="panel" align="center">
<button label="Add" width="60px" />
</toolbar>
</south>
</borderlayout>
</window>
</zk>
</hlayout>
<separator/>
<toolbar align="start">
<label style="font-weight:bold; " value="Key Operational Contacts"/>
</toolbar>
<separator/>
<vbox >
<grid fixedLayout="true" >
<columns>
<column align="right" width="150px" />
<column />
</columns>
<rows>
<row>
<label value="Customer Service" width="150px" />
<textbox value="" width="180px" />
</row>
<row>
<label value="IT Lead" width="150px" />
<textbox value="" width="180px" />
</row>
<row>
<label value="Operations" width="150px" />
<textbox value="" width="180px" />
</row>
</rows>
</grid>
<separator/>
<toolbar mold="panel" align="center">
<button label="Add" width="60px" />
</toolbar>
</vbox>
<separator/>
<zk>
<toolbar mold="panel" align="end">
<hbox >
<button label="Save" width="60px" mold="trendy"/>
<button label="Continue" mold="trendy"/>
</hbox>
</toolbar>
</zk>
</tabpanel>
<tabpanel>Product Details</tabpanel>
<tabpanel>Item Details</tabpanel>
</tabpanels>
</tabbox>
</zk>i fount you use sclass="word-warp"
where is the definition ??
i think you should define css
<style>
.word-wrap {
word-wrap: break-word;
}
</style>
BTW, Eclipse Browser is IE of your window
no wonder it have some difference
Asked: 2010-12-06 06:59:41 +0800
Seen: 1,493 times
Last updated: Dec 07 '10