Highlight color (transparent)

[Piyush Bhatt]

When we move mouse over the slots, it highlights the whole row. Currently I am using Outlook skin and it highlights them as Blue.

I wanted to make that transparent so there is no highlighting. How do I do that?

I tried following unsuccessfully.

    .RadScheduler_Outlook .rsDayView .rsContentTable .rsRow:hover
    {
        background: none; /* transparent */
    }
    .RadScheduler_Outlook .rsContentTable .rsRow .rsAptCreate,
    .RadScheduler_Outlook .rsAllDayRow .rsAptCreate
    {
        background: transparent none repeat scroll 0%; /* #2E6AC2  */
    }


-Piyush

[Peter]

Hi Piyush,

The hover style is applied via javascript on the rsAptCreate element. You can override it using the following selectors:

<style type="text/css">

div.RadScheduler_Outlook .rsContentTable .rsRow .rsAptCreate,
div.RadScheduler_Outlook .rsAllDayRow .rsAptCreate
{
    background:#FEFFD7;
    border-bottom-color:#E5DDAF;
    color:#333;
}

div.RadScheduler_Outlook .rsContentTable .rsAltRow .rsAptCreate,
div.RadScheduler_Outlook .rsAllDayRow .rsAltRow .rsAptCreate
{
    border-bottom-color:#F5F5CC;
}

</style>

All the best,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Piyush Bhatt]

The colors you put in your css are supposed to make it transparent or you meant that I should change those colors?

Because I applied your changes as it is and it did not change anything. I still see the highlight.

-Piyush

[Peter]

The colors in the suggested selectors are the same as the background color for the time slots. This way on hover, you will not see any change.

Do you use the Outlook skin? If you have changed the skin, please change the selectors' name accordingly. In our local tests we were able to obtain the desired result, so I am not sure why this is not working for you. If you continue to experience problems, please send us a small demo project.


Regards,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Piyush Bhatt]

I tried to put in separate small project and there it worked. So, then I put this code inside the body tag instead of outside in head tag and then that worked.

Thanks,
Piyush