Intersoft Community - WebGrid Enterprise - RowStyle on hover

RowStyle on hover

yudi — Tue, 26 Jan 2010 01:43:28 GMT

Glad to hear that your solution solves the problem.
Should you have any other questions regarding our products, please let us know. We’ll be more than glad to assist you.

RowStyle on hover

hermancordes@gmail.com — Mon, 25 Jan 2010 03:14:43 GMT

Allright, finally sorted it out.

All solutions with interactions to the Client API seem to work, but with some issues (see my post above). The nicest way to simulate it best, is to assign a CssClass to each RowStyle in use.

<style type="text/css">
tr[type="Record"]:hover td.GridRowStyle
{
	background-color: blue;
}
tr[type="Record"]:hover td.GridAlternateRowStyle
{
	background-color: green;
}
</style>

This Css-example sets the backgroundcolor to blue and green if hovered. It's working by assigning this layoutsettings to the WebGrid:

<LayoutSettings AlternatingColors="True">
                <AlternatingRowStyle CssClass="GridAlternateRowStyle" />
                <RowStyle CssClass="GridRowStyle" />
            </LayoutSettings>

I'd say problem solved. Anyone who thinks this solution will cause other issues, please reply! Thanks.

RowStyle on hover

go.biz88@gmail.com — Wed, 20 Jan 2010 07:15:56 GMT

*removed

RowStyle on hover

hermancordes@gmail.com — Wed, 20 Jan 2010 06:35:49 GMT

Thank you for the attachment code and feature request (I think it would be a nice addon)! Your example works quite smoothly, unfortunatly, except for one thing.

The backgroundcolor changes to cyan on row enter and simultaneously switches the background color of other rows back to normal. Good so far. My problem occurs when the mouse pointer enters some 'empty' areas of the grid, column headers, the footer or leaves the grid control. When I do one of these actions, the cyan background color stays on the last hovered row and doesn't switch back to normal.

I've studied the code and tried some events, but can't get a descent solution yet. Still figuring out. Maybe you or someone has an idea to this?

Many thanks.

RowStyle on hover

yudi — Wed, 20 Jan 2010 05:58:03 GMT

Currently there is no property that can be set to style a row on mouse over.
I enclosed a workaround to achieve this kind of scenario. Please have the attached sample tested on your and let us know whether it helps or not.

I have forwarded this to WebGrid development team as feature request. They will check the feasibility to implement this on the upcoming build.

RowStyle on hover

hermancordes@gmail.com — Tue, 19 Jan 2010 10:38:50 GMT

Today I've been discovering layout possibilities on the WebGrid. Currently I can't find a nice property to use to style a row, when hovering over it with the mouse pointer. I'd like to change the background of the entire row, when the mouse pointer hovers over one of the row's cells.

Is it available on the WebGrid? If not, what's the best workaround to achieve it?

Thanks in advance.

(this discussion had to be a question, clicked wrong link)