myfaces-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Apache Wiki <>
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:

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
   div#foo { background-color:red}
   div#foo\:bar { background-color:green}

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

View raw message