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

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;
}

Thanks Eric, that worked!

You can usually handle this with CSS rather than JavaScript. If the CAF table renders normal table rows, a tr:hover rule is the simplest approach; I'd first check whether the table/theme overrides the row or cell background.