This is a migrated thread and some comments may be shown as answers.

Scheduler Date Header

7 Answers 61 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Brad
Top achievements
Rank 1
Brad asked on 28 Aug 2014, 07:38 PM
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?

7 Answers, 1 is accepted

Sort by
0
Brad
Top achievements
Rank 1
answered on 28 Aug 2014, 07:52 PM
I'm using version 2014.1.225.40
0
Hristo Valyavicharski
Telerik team
answered on 02 Sep 2014, 03:31 PM
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.

 
0
Brad
Top achievements
Rank 1
answered on 02 Sep 2014, 04:09 PM
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.)
0
Hristo Valyavicharski
Telerik team
answered on 03 Sep 2014, 10:37 AM
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.

 
0
Brad
Top achievements
Rank 1
answered on 03 Sep 2014, 02:06 PM
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.

0
Hristo Valyavicharski
Telerik team
answered on 08 Sep 2014, 01:15 PM
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.

 
0
Brad
Top achievements
Rank 1
answered on 08 Sep 2014, 01:23 PM
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.
Tags
Scheduler
Asked by
Brad
Top achievements
Rank 1
Answers by
Brad
Top achievements
Rank 1
Hristo Valyavicharski
Telerik team
Share this question
or