Scheduler Date Header

8 posts, 0 answers
  1. Brad
    Brad avatar
    7 posts
    Member since:
    Aug 2014

    Posted 28 Aug 2014 Link to this post

    I'm trying to set the header for dates on Month View to a white background. I'm doing this:

        div.RadScheduler .rsDateHeader
        { 
            background: white;  
        }     

    All that does is set the background under the text of the date to white. But is leaves the rest of the header for the day the default color. See screenshot.
    I would like to have the entire header for day have a white background.

    How do I do that?

  2. Brad
    Brad avatar
    7 posts
    Member since:
    Aug 2014

    Posted 28 Aug 2014 Link to this post

    I'm using version 2014.1.225.40
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 02 Sep 2014 Link to this post

    Hi Brad,

    Could you try to apply this css:

    <style>
        html .RadScheduler .rsHorizontalHeaderTable th {
            background: #fff;
        }
    </style>


    Regards,
    Hristo Valyavicharski
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. Brad
    Brad avatar
    7 posts
    Member since:
    Aug 2014

    Posted 02 Sep 2014 in reply to Hristo Valyavicharski Link to this post

    That didn't work. What that did was set the color to white on the days of the week header (where it says Sun, Mon, Tue, etc.). I need the header strip on each day of the month where it shows the days number (ie, 01 Sep, 2, 3, etc.)
  6. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 03 Sep 2014 Link to this post

    Brad,

    Please make a screenshot of the look you want to achieve?

    Thanks.

    Regards,
    Hristo Valyavicharski
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  7. Brad
    Brad avatar
    7 posts
    Member since:
    Aug 2014

    Posted 03 Sep 2014 in reply to Hristo Valyavicharski Link to this post

    I've attached 2 screenshots:

    In Screen1 I've circled the header of the day box which I would like to change to all white background.
    In Screen2 I've applied CSS (see first post) to that header but as you see it only changes the background where the number is, I would like the entire header section of the day to be white.

  8. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 08 Sep 2014 Link to this post

    Hello Brad,

    Could you try to use this css:

    <style>
        html .RadScheduler .rsMonthView .rsTodayCell .rsDateBox {
            background-image: none;
            background-color: #f00 !important;
            color: #000;
            border: 1px solid #000;
        }
    </style>

    If it doesn't work please let me know what version do you use, what is your browser.

    I'm looking forward to hearing from you.

    Regards,
    Hristo Valyavicharski
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  9. Brad
    Brad avatar
    7 posts
    Member since:
    Aug 2014

    Posted 08 Sep 2014 in reply to Hristo Valyavicharski Link to this post

    That works, thanks. FYI, I removed the .rsTodayCell element because it was only styling the current day and I wanted all the days.

    Thank you very much.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017