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

[Solved] Hightlight current day

2 Answers 188 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Laz
Top achievements
Rank 1
Laz asked on 07 Sep 2009, 09:39 AM

Hi,

how it is possible to Highlight the current day in the RadScheduler - Control?

I want to highlight the current day like outlook do it. (see attached screenshot)


CSS
<style type="text/css">     
            
div.RadScheduler_Office2007 .rsMonthView .rsTodayCell      
        {      
            background-color: red;      
            color: #fff;      
        }      
    
</style>  
ASCX
<telerik:RadScheduler ID="RadScheduler" runat="server"  Width="100%"   
 
    OnTimeSlotCreated="RadScheduler_TimeSlotCreated" /> 
 
</telerik:RadScheduler> 
CS
        protected void RadScheduler_TimeSlotCreated(object sender, Telerik.Web.UI.TimeSlotCreatedEventArgs e)  
        {  
            if (DateTime.Compare(e.TimeSlot.Start.Date, DateTime.Now.Date) == 0)  
            {  
                e.TimeSlot.CssClass = "RadScheduler_Office2007. rsMonthView. rsTodayCell";  
            }  
        }     
 

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 07 Sep 2009, 10:39 AM
Hi Laz,

I tried following code and found it is working fine for me. Here is my code.

C#:
 
protected void RadScheduler1_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e) 
    if (DateTime.Compare(e.TimeSlot.Start.Date, DateTime.Now.Date) == 0) 
    { 
        e.TimeSlot.CssClass = "TodayCell"
    }   

CSS:
 
<style type="text/css"
.TodayCell         
{       
    background-colorred;       
    color#fff;       
}   
</style> 

-Shinu.
0
Laz
Top achievements
Rank 1
answered on 07 Sep 2009, 10:52 AM

If i use the following css, nothing changes:

.TodayCell  
        {   
            border-bottom-style:solid;  
            border-bottom-color:Green;  
            border-right-style:solid;  
            border-top-color:Green;  
            border-top-style:solid;  
            border-right-color:Green;  
            border-left-style:solid;  
            border-left-color:Green;  
        }  

And how can i change the Css of the Header [css= rsDateHeader]?
Tags
Scheduler
Asked by
Laz
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Laz
Top achievements
Rank 1
Share this question
or