• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

rich faces select component dropdown only highlights item when rolling over text

 
Brian Wheeler
Ranch Hand
Posts: 30
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hey everybody!

I'm using richfaces 4.2.0 and have a problem with the rich:select component. Here is the link to the demo. Richface Select Demo

In this demo, notice when you do a drop down and rollover anywhere in the row, it hightlights the item. However, when using rich:select component on my application, it would only highlight an item when I rollover the actual text on that row.

Does anyone know why this is happening?

Thanks in advance!
 
Tim Holloway
Saloon Keeper
Pie
Posts: 18277
56
Android Eclipse IDE Linux
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
'Cause they got style!

Seriously, Rich Faces allows extensive customization of the appearance of its components. If you read the manual page for the rich:select, it should contain a table of the different style classes it uses and what parts of the control are affected. To get the highlight, you'd pair that with a CSS ":hover".
 
Brian Wheeler
Ranch Hand
Posts: 30
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hey Tim,

I'm using this component out of the box without modifying the style.

Here's an update though. I am using the rich:select component along with many h:inputtext components on the same page. I noticed that when I removed all of the h:inputtext, rich:select worked perfectly just like how the demo showcased it. Any ideas why this might be?
 
Tim Holloway
Saloon Keeper
Pie
Posts: 18277
56
Android Eclipse IDE Linux
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I can't say a whole lot without actually seeing your application, but the background highlighting on the example dropdown list is provided by the "rf-sel-sel" class.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic