Hovering effect for entire row

[Navaneeth Kumar]

Hi,

In Timeline view, is it possible to override the default behavior of highlighting a specific time slot when hovering over it?

I would want the entire row to be highlighted instead of the particular timeslot?

Thanks in advance.
Navaneeth

[Plamen]

Hi Navaneeth,

 
You can achieve similar scenario by setting a custom new style for hovering as for example in the code below:

<style type="text/css">

       .rsAllDayRow:hover, .rsAptCreate {
       background-color:red !important;
       background-image:none !important;
       }
   </style>

Hope this will be helpful.

Regards,
Plamen
Telerik

[Navaneeth Kumar]

Hi Plamen,

Thanks for the quick response. However when the user hovers over the row in scheduler, there is a row in a radgrid that needs to have the same hover effect too. So I am looking at any client events in the scheduler by which the hovering effect can be applied.

Your help would be appreciated.

Thanks,
Navaneeth

[Plamen]

Hi Navaneeth,

 
You can achieve similar functionality with jQuery as in the code below:

function pageLoad() {
              var $ = $telerik.$;
              $(".rsAllDayRow").on("mouseenter", function myfunction() {
                  $(this).children().css("background-color", "red");
                  $(this).children().css("background-image", "none");
              })
              $(".rsAllDayRow").on("mouseleave", function myfunction() {
                  $(this).children().css("background-color", "inherit");
                  $(this).children().css("background-image", "inherit");
              })
          }

Hope this will be helpful.

Regards,
Plamen
Telerik