iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
(this discussion had to be a question, clicked wrong link)
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.
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.
*removed
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.
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.
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname