myfaces-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Apache Wiki <wikidi...@apache.org>
Subject [Myfaces Wiki] Update of "css component ids" by MatthiasWessendorf
Date Thu, 20 Apr 2006 11:42:28 GMT
Dear Wiki user,

You have subscribed to a wiki page or wiki category on "Myfaces Wiki" for change notification.

The following page has been changed by MatthiasWessendorf:
http://wiki.apache.org/myfaces/css_component_ids

New page:
Since JSF's NamingContainer's cause rendered ids like "foo:bar", here is described howto work
around for CSS.

You just need to use a backslash to escape the colon
{{{
 <style>
   div#foo { background-color:red}
   div#foo\:bar { background-color:green}
 </style>
}}}

Rendered markup by a component
{{{
 <div id="foo">Foo</div>
 <div id="foo:bar">Foo:Bar</div>
}}}

Note, that JSF is not incompatible to CSS

BTW. the standard naming container components are:
 * h:form
 * f:subview
 * h:dataTable

Mime
View raw message