Richfaces component id in form - css

Question

I have a component inside a form:

<a:form id="myform">
   <a:somecomponent id="comp">
</a:form>

and a huge css file, which attaches some style to the component with id "comp".

However, this does not work, as in the rendered html page, the components name becomes "myform:comp".

How can I prevent this? Using myform:comp in css does not seem to work :-(

score 2 · Accepted Answer · answered Aug 05 '10 at 16:36

2

You have to add prependId="false" to form tag.

<a:form id="myform" prependId="false">
   <a:somecomponent id="comp">
</a:form>

answered Aug 05 '10 at 16:36

Dejell

13,947
40
146
229

score 1 · Answer 2 · edited May 23 '17 at 11:47

1

You just need to use the richfaces functions detailed here. #{rich:clientId(‘comp’)} can be used in this case.

Edit: also see this answer

edited May 23 '17 at 11:47

Community

1
1

answered Mar 31 '11 at 18:55

Adam

3,675
8
45
77

score 0 · Answer 3 · answered Aug 05 '10 at 08:02

The best solution I found up till now is not to use the id, but the style class, and replace all of the occurences of #comp in the css file with .comp:

<a:form id="myform">
   <a:somecomponent styleClass="comp">
</a:form>

However, I don't consider this as a 'clean' solution...

Richfaces component id in form - css

3 Answers3