Hover row style

[Randy Wang]

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]

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]

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]

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]

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]

 

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