We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Hover row style

Thread ID:

Created:

Updated:

Platform:

Replies:

106534 Jan 11,2013 10:27 PM UTC Jan 26,2013 03:09 AM UTC ASP.NET Web Forms (Classic) 5
loading
Tags: GridGroupingControl
Randy Wang
Asked On January 11, 2013 10:27 PM UTC

Using v10.4.0.71 in VS2012.
 
How do I define the hover style of a row?  I have a css entry for 
 
   <AnyRecordFieldCell CssClass="EG_RowCell" />
 
That works well.  Then I have a definition for EG_RowCell:hover.
 
All I want is to bold the font and change the background color.  Interestingly when my mouse hovers on a row the text in all columns are bolded (which is what I want) but the background color only change on the one cell the mouse is hoovering on.
 
Thanks.

Rakesh D [Syncfusion]
Replied On January 18, 2013 04:48 AM UTC

Hi Randy,

Thank you for your interest in Syncfusion products.

Query : How to define the hover style of a row ?

We suggest you to use “RecordMouseHoverColor” property of TableOptions to set background color for mouse hover. Please refer below code snippet for details.

<Syncfusion:GridGroupingControl ID="GridGroupingControl1" runat="server">

<TableOptions RecordMouseHoverColor='Gray' />

Please let us know if you have any concerns.

Regards,

Rakesh D

 


Randy Wang
Replied On January 18, 2013 10:09 PM UTC

Adding RecordMouseHoverColor='Gray' option in TableOptions has no effect.
 
I even try removing my :hover CSS style thinking the two may be conflicting but removing does not help.
 
Other idea?

Rakesh D [Syncfusion]
Replied On January 24, 2013 11:54 AM UTC

Hi Randy,

 

Thank you for using Syncfusion products.

 

Query : How to define the hover style of a row ?

 

We suspect that you are using custom skin of grid grouping control. We suggest you to use the CssClass name properly such that it won’t break the styles of CSS. Set the custom Css class name by using “CssClass” property in GridGroupingControl and refer it properly wherever CssClass is used. Please refer below code snippet for further details.

 

<Syncfusion:GridGroupingControl ID="GridGroupingControl1" CssClass="GridInsense" >

<TableOptions RecordMouseHoverColor="Gray" />

<Appearance>

<AnyRecordFieldCell CssClass="GridInsenseAnyRecord"></AnyRecordFieldCell>

    . . . .

 

Please refer our online documentation which will be helpful for your reference.

 

Documentation Link: http://help.syncfusion.com/ug/asp.net/grid/default.htm#!documents/customskins.htm


For your convenience we have prepared a sample for the above scenario and it is attached below. Please refer to it. If you still face the issue could you please get back to us by reproducing the issue in the below sample.

 

Please let us know if you have any concerns.

 

Regards,

Rakesh D

 



GridScroller_b0a618fa.zip

Randy Wang
Replied On January 24, 2013 06:24 PM UTC

Got the answer.  It would work if you use the specific css name.  Not sure why but it does. These are the css names:
 

  <Appearance>

           <AnyRecordFieldCell CssClass='EGAnyRecord'></AnyRecordFieldCell>   // Here EG is the customcss class and the highlighted ones are defult class for record fields.

           <AlternateRecordFieldCell CssClass='EGAlternateRecord'></AlternateRecordFieldCell>

            <RecordPreviewCell CssClass='EGRecordPreview' />

          <GroupIndentCell CssClass='EGGroupIndentCell' />

          <GroupCaptionCell CssClass='EGGroupCaption' />

          <AnySummaryCell CssClass='EGAnySummary' />

          <GroupCaptionPlusMinusCell CssClass='EGPlusMinus' />

          <TopLeftHeaderCell CssClass='EGTopLeftHeaderCell' />

          <RowHeaderCell CssClass='EGRowHeaders' />

          <ColumnHeaderCell CssClass='EGColumnHeaders' />

          <GroupHeaderRowHeaderCell CssClass='EGGroupedColumnHeaders' />

          <FilterBarCell CssClass='EGFilterBarCell' />

  </Appearance>


Rakesh D [Syncfusion]
Replied On January 26, 2013 03:09 AM UTC

 

Hi Randy,

 

Thanks for your update. We are glad to know that your issue has been resolved. Please let us know if you have any other concerns so that we will be happy to help you out.

 

Regards,

Rakesh D

 

 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;