Highlight row on mouseover

4 posts, 0 answers
  1. Mark
    Mark avatar
    4 posts
    Member since:
    Aug 2011

    Posted 16 Sep 2011 Link to this post

    How can I make the rows highlighted when putting the mouse over it?

    How do I add attributes to the grid so that on the rendered html, there will be onmouseover, onmouseout events?

    Can this be done?
  2. Jayesh Goyani
    Jayesh Goyani avatar
    2733 posts
    Member since:
    May 2010

    Posted 17 Sep 2011 Link to this post

    Hello,

    Set below property for highlight the row,
    <ClientSettings EnableRowHoverStyle="true">
                </ClientSettings>


    and for set custom style by using below code snippet.
    <style>
            .RadGrid .rgHoveredRow
            {
                background-color:Red !important;
            }
        </style>




    Thanks,
    Jayesh Goyani
  3. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 17 Sep 2011 Link to this post

    Hello Mark,

    Try setting EnableRowHoverStyle to True and apply the following CSS to get the desired hover color.
    aspx:
    <ClientSettings EnableRowHoverStyle="true">
    </ClientSettings>
    CSS:
    <style type="text/css">
    .RadGrid .rgHoveredRow
     {
       background:Red !important;//Try setting background to get the desired hover color
     }
    </style>

    Thanks,
    Shinu.
  4. Srinivas
    Srinivas avatar
    3 posts
    Member since:
    Mar 2019

    Posted 07 Mar 2019 in reply to Shinu Link to this post

    it works. thanks.
Back to Top