ZK style in jsp pages

answered 2007-03-05 10:00:40 +0800

admin
18691 ● 1 ● 10 ● 130

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4191331

By: cryadnaguo

I think it's because ZK has some CSS style own, those effects ur JSP files
Make sure that those CSS effects ur pages at last are ur own files.

answered 2007-03-06 14:32:32 +0800

admin
18691 ● 1 ● 10 ● 130

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4193334

By: osaline

OK. But is there any way to block the ZK CSS to effect my JSP page?

Tks, Aline

answered 2007-03-07 03:45:39 +0800

admin
18691 ● 1 ● 10 ● 130

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4194448

By: robbiecheng


could you upload your sample code?,thx

/Robbie

answered 2007-03-08 13:22:59 +0800

admin
18691 ● 1 ● 10 ● 130

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4197798

By: osaline

1 - I have a independent file to define all styles in my project which is specified
below:

<%@ taglib uri="/tags/struts-bean" prefix="bean" %> BODY {
color: <bean:write name="servletini" property="CFonte"/>;
font-family: Verdana;
font-size: 9pt;
background-color:<bean:write name="servletini" property="CFundo" />; padding:0 0 0 0; margin:0 0 0 0; }

.input {
font-family: Verdana;
font-size: 09;
border: 1 solid;
border-color: <bean:write name="servletini" property="CFonte"/>;
text-transform: uppercase;
}

FONT {
color: <bean:write name="servletini" property="CFonte"/>;
font-family: Verdana;
font-size: 9pt
}

.tituloTabela {
font-weight: bold;
background-color: <bean:write name="servletini" property="CTabela" /> }

h1, h2, h3, h4, h5, h6, p, strong, div, form, acronym, label, table, td, th, span, a, hr, code, pre, hr {
margin:0;
padding:0;
font-size: 1em;
list-style-type:none;
color: <bean:write name="servletini" property="CFonte"/>; } a, a:visited{
color:<bean:write name="servletini" property="CFonte"/>;
font-weight: bold;
text-decoration: underline;
}


2 - I have a combobox that is defined as folow:
...
<style>

tr.itemsel, tr.itemsel a, tr.itemsel a:visited, tr.itemsel a:hover, a.tr.itemsel:hover {
font-size: medium; font-weight: normal;
background: #CAE1FF; color: highlighttext;
text-decoration: none;
}
</style>

<h:table><h:tr><h:td>
<combobox name="${param.cb}" id="combo" width="181px" class="input"
style="font-family: Verdana; font-size: 09; text-transform: uppercase;"
autodrop="true" buttonVisible="false" onChanging="pesquisa()"
onFocus="combo.select()" onCreate="criaPrimeiro()" constraint="no empty: Entre com o dado para pesquisa"/> </h:td></h:tr></h:table> ....

3 - And I have my jsp files. Parts from one of them is shown below. Sometimes, I call style for the component which was been defined at style file, and sometimes I defined style while I'm creating the component.
.....
<table width="405" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="700" height="31">
<table width="100%" border="0" align="center">

<tr>
<td colspan="3" class="tituloTabela"><bean:message
key="pesquisa.titulo"/></td>
</tr>

<tr>
<td colspan="3">
<table>
<tr>
<td width="130"><html:radio property="tipoPesquisa" value="idaeVolta" onclick = "idaeVolta();" styleClass="INPUTRADIO"/><bean:message
key="pesquisa.idaevolta"/></td>
</tr>
</table>
</td>
</tr>
.....
<td colspan="3"><jsp:include page="/zul/myCombobox.zul?cb=origem"/></td> /*I'm calling ZK file here.*/ .....
<td>
<html:select property="quantidadeBebes" size="1" style="font-family: Verdana;
font-size: 10; border: medium none">
<html:option value="0">0</html:option> /*The font-size : 10, strangely doesn't seem to be 10 size, instead, it seems to be 12 size*/
<html:option value="1">1</html:option>
<html:option value="2">2</html:option>
<html:option value="3">3</html:option>
<html:option value="4">4</html:option>
<html:option value="5">5</html:option>
</html:select>
</td>


Basically, this is the structure that I'm using to define css and pages.

Tks.

answered 2007-03-09 09:11:00 +0800

admin
18691 ● 1 ● 10 ● 130

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4199346

By: henrichen

Looks it is the CSS selector pollution. ZK will bring in more Style definition that might affect the final definition. This is a hard to solve issue.

/henri