This is a migrated thread and some comments may be shown as answers.

[Solved] Hovered Item Class name??

1 Answer 92 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Brete
Top achievements
Rank 1
Brete asked on 11 Apr 2008, 05:07 PM
Just a quick questions?


I am using the following grid for the user to select an article from a list.  
Currently the "hovered" row is changing color based on the skin.  What  is the class name for the "Hovered" grid item so I can change the color and the cursor.  If you could provide an example I would appreciate it. 

  <telerik:RadGrid ID="RadGrid1" runat="server"  Skin="Web20" GridLines="None"
                                                                        ShowHeader="False" AutoGenerateColumns="False"
                                                                        onselectedindexchanged="RadGrid1_SelectedIndexChanged">
                                        <ExportSettings>
                                            <Pdf FontType="Subset" PaperSize="Letter" />
                                            <Excel Format="Html" />
                                            <Csv ColumnDelimiter="Comma" RowDelimiter="NewLine" />
                                        </ExportSettings>
                                        <MasterTableView DataKeyNames="monthyear">
                                            <RowIndicatorColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType"
                                                Visible="False">
                                                <HeaderStyle Width="20px" />
                                            </RowIndicatorColumn>
                                            <ExpandCollapseColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType"
                                                Resizable="False" Visible="False">
                                                <HeaderStyle Width="20px" />
                                            </ExpandCollapseColumn>
                                                                            <Columns>
                                                                                <telerik:GridTemplateColumn >
                                                                                    <ItemTemplate>
                                                                                        <asp:Label ID="LinkButton1" runat="server" 
                                                                                            Text='<%#   (DataBinder.Eval(Container.DataItem,"article1title")).ToString() %>'
                                                                                            Width="50" >
                                                                                        </asp:Label>
                                                                                    </ItemTemplate>
                                                                                      <ItemStyle HorizontalAlign="Center"  Width=200 Height=75/>
                                                                                </telerik:GridTemplateColumn>
                                                                            </Columns>
                                                                            <EditFormSettings>
                                                                                <EditColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType">
                                                                                </EditColumn>
                                                                            </EditFormSettings>
                                                                        </MasterTableView>
                                                                        <ClientSettings EnablePostBackOnRowClick="True" EnableRowHoverStyle="True">
                                                                            <Selecting AllowRowSelect="True" />
                                                                        </ClientSettings>
                                                                    </telerik:RadGrid>

1 Answer, 1 is accepted

Sort by
0
Accepted
Sebastian
Telerik team
answered on 14 Apr 2008, 01:24 PM
Hello Brete,

You can apply the Web20 skin as an external skin and modify the GridRowOver_Web20 css class to change the color and the cursor when the end user hover records. More details about how to modify existing grid skin you can gather from this help article.

Best regards,
Stephen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
Tags
Grid
Asked by
Brete
Top achievements
Rank 1
Answers by
Sebastian
Telerik team
Share this question
or