Weekend Color

18 posts, 1 answers
  1. Susan
    Susan avatar
    137 posts
    Member since:
    Jul 2007

    Posted 23 Feb 2008 Link to this post

    I am using the WebBlue skin, but my user wants the weekend color shaded darker. I added the following to my aspx:

    .RadScheduler_WebBlue .rsContentTable .rsSatCol,

    .RadScheduler_WebBlue .rsContentTable .rsSunCol

    {

    background:#8B8F91;

    border-bottom-color:#d2d8db;

    }

    When first entring the screen, it is still the light blue. If I change to 24-hour, it is the new dark grey I specified. If I change back to Business Hours, it is then changed to the Dark Grey. How do I get the Dark Grey to show when I first enter the screen for the first time?

    Thanks,
    Susan

  2.
  3. Answer
    Peter
    Admin
    Peter avatar
    6637 posts

    Posted 25 Feb 2008 Link to this post

    Hello Susan,

    The specificity of the selectors you use is not enough for the new rule to overwrite the existing one. Please, try the following selectors which have greater specificity:
    .rsContent .rsContentTable .rsRow .rsSatCol,  
             .rsContent .rsContentTable .rsRow .rsSunCol   
            {  
              background:#8B8F91;  
              border-bottom-color:#d2d8db;  
            } 


    All the best,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  5. Susan
    Susan avatar
    137 posts
    Member since:
    Jul 2007

    Posted 25 Feb 2008 Link to this post

    Worked great...thanks.
  7. Ilya
    Ilya avatar
    67 posts
    Member since:
    Jul 2012

    Posted 15 Sep 2011 Link to this post

    I am having a similar issue which was not corrected after using the css above. When the page loads the weekends are light blue in color but they are shown dark grey when I switch to a month view. What could be a problem? Thanks
  8.
  9. Ilya
    Ilya avatar
    67 posts
    Member since:
    Jul 2012

    Posted 15 Sep 2011 Link to this post

    Ok it looks like the following css works. However, it does nto change the all day background color. How can that be accomplished? Thanks

    div.RadScheduler_Web20 .rsSatCol, 
    div.RadScheduler_Web20 .rsSunCol  
            { 
              background-color: #C9CFD6; 
              border-bottom-color: #d2d8db; 
            }
  11. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 16 Sep 2011 Link to this post

    Hello Ilya,

    I suppose you want to change the background color of allday rows in MonthView.Try the following CSS to achieve your scenario.
    CSS:
    <style type="text/css">
     .rsContent .rsContentTable .rsRow, .rsSunCol, .rsSatCol 
     { 
       background:red !important; 
     }
    </style>

    Thanks,
    Princy.
  13. Ilya
    Ilya avatar
    67 posts
    Member since:
    Jul 2012

    Posted 16 Sep 2011 Link to this post

    Hi Princy,

    Thanks for your reply but I actually I wanted to change the color of all day in the WeekView.
  14.
  15. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 17 Sep 2011 Link to this post

    Hello Ilya,

    Try the following CSS to change the color of all day in WeekView.
    CSS:
    <style type="text/css">
    .RadScheduler .rsAllDayRow td
     {
       background-color:Red !important;
     }
    </style>

    Thanks,
    Shinu.
  17. Ilya
    Ilya avatar
    67 posts
    Member since:
    Jul 2012

    Posted 19 Sep 2011 Link to this post

    Shinu, I only need different color on Saturdays and Sundays. I've tried

    div.RadScheduler_Web20 .rsAllDayRow .rsSatCol


    but it does not work.
  19. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 20 Sep 2011 Link to this post

    Hello Ilya,

    Try the folllowing CSS to change the color of Saturdays and Sundays in WeekView.
    CSS:
    <style type="text/css">
     .RadScheduler_Web20 .rsSunCol, .rsSatCol
     {
       background-color:Red !important;
     }
    </style>

    Thanks,
    Shinu.
  20.
  21. Ilya
    Ilya avatar
    67 posts
    Member since:
    Jul 2012

    Posted 20 Sep 2011 Link to this post

    Shinu,

    I need to change background of ALL Day cells on Saturdays and Sundays in Week View. 

    Thanks
  23. Stuart Hemming
    Stuart Hemming avatar
    1622 posts
    Member since:
    Jul 2004

    Posted 20 Sep 2011 Link to this post

    Ilya,

    You're a little out of luck as the scheduler, out-of-the-box, doesn't apply the day classes to the all day row.

    All is not lost though. If you wire up the TimeSlotCreated event you can do this ...

    protected void RadSceduler1_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)
    {
      if(e.TimeSlot.Start.DayOfWeek == DayOfWeek.Saturday)
      {
        e.TimeSlot.CssClass = "rsSat";
      }
      if(e.TimeSlot.Start.DayOfWeek == DayOfWeek.Sunday)
      {
        e.TimeSlot.CssClass = "rsSun";
      }
    }

     
    Then, CSS selector you want is...

    .RadScheduler_Web20 .rsAllDayRow .rsSat, .RadScheduler_Web20 .rsAllDayRow .rsSun,

    -- 
    Stuart
  25. Ilya
    Ilya avatar
    67 posts
    Member since:
    Jul 2012

    Posted 20 Sep 2011 Link to this post

    Thanks Stuart, it worked. Is there a place where I can get more information about RadScheduler CSS (like sSatCol, rsAllDayRow, etc)? I can't seem to find any documentation about it.

    By the way here is what I did:

    <style type="text/css">
       .AllDayWeekend
        {
           background: #A9A9A9;
        }
    </style>

    And in TimeSlotCreated event (VB)

    If e.TimeSlot.Start.DayOfWeek = DayOfWeek.Saturday Or e.TimeSlot.Start.DayOfWeek = DayOfWeek.Sunday Then
                e.TimeSlot.CssClass = "AllDayWeekend"
    End If
  27. Stuart Hemming
    Stuart Hemming avatar
    1622 posts
    Member since:
    Jul 2004

    Posted 20 Sep 2011 Link to this post

    Ilya,

    Sadly, there's nothing in the docs. You'll have ot do what the rest of us do and that's using something like FireBug to see what's been rendered where you want to change things and then have a root about in the .css files.

    -- 
    Stuart
  29. Stuart Hemming
    Stuart Hemming avatar
    1622 posts
    Member since:
    Jul 2004

    Posted 20 Sep 2011 Link to this post

    Ilya,

    Don't forget to mark the question as answered.

    -- 
    Stuart
  31. Ilya
    Ilya avatar
    67 posts
    Member since:
    Jul 2012

    Posted 20 Sep 2011 Link to this post

    Yeah, that's what I figured. Ok, no problem. Thanks again for pointing me in the right direction.
  32.
  33. Ilya
    Ilya avatar
    67 posts
    Member since:
    Jul 2012

    Posted 20 Sep 2011 Link to this post

    Hmm, I just realized that I've hijacked an old thread. If you want I can open a new thread so you can post your solution there.
  35. Plamen
    Admin
    Plamen avatar
    2946 posts

    Posted 20 Sep 2011 Link to this post

    Hello Ilya,

    Here is a sample project that shows one way to do this scenario.

    Hope this will help.

    Regards,
    Plamen Zdravkov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top