Row color on mouse hover

, ,
1

Hi All,
Whenever user hovers on a row in a table, i need to color that row and once he moves away from the row it should be back to normal.
Is there any in-built property for table which i can manipulate?

I know that this can be done using javascript but if there is a property already existing, i would like to manipulate it instead of javascript.

Thanks,
Sravan

2

Probably the simplest way to do that is to use a custom CSS stylesheet to apply different styles on the row while the mouse is hovering it.

For example:

  1. Create a custom.css file under the WebContent folder of your CAF application.
  2. Add a ‘Include Stylesheet’ control to your CAF view somewhere to get it to load your custom CSS file.
  3. Set the ‘CSS Class’ property of your table control to something like “mytable”.
  4. Add a CSS rule to the custom.css file that targets the rows in your table. It would look something like this:

table.mytable tbody tr:hover {
    background-color: highlight;
    color: highlighttext;
}
3

Thanks Eric, that worked!