Highlight color (transparent)

5 posts, 1 answers
  1. Piyush Bhatt
    Piyush Bhatt avatar
    166 posts
    Member since:
    Nov 2007

    Posted 14 Apr 2008 Link to this post


    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
  2. Answer
    Peter
    Admin
    Peter avatar
    6637 posts

    Posted 15 Apr 2008 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Piyush Bhatt
    Piyush Bhatt avatar
    166 posts
    Member since:
    Nov 2007

    Posted 15 Apr 2008 Link to this post

    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
  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 15 Apr 2008 Link to this post


    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
  6. Piyush Bhatt
    Piyush Bhatt avatar
    166 posts
    Member since:
    Nov 2007

    Posted 15 Apr 2008 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017