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

Date Header Alignment

3 Answers 111 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Chris
Top achievements
Rank 1
Chris asked on 03 Mar 2009, 12:45 PM
Hi there
Is it possible to align the date part of the header of the scheduler control?
I have removed all controls in the header except the date part and wish to align this on the right
I have tried some styles as well
Thanks

 

ShowHeader="True" 
ShowNavigationPane="false"   
ShowViewTabs="false" 
EnableDatePicker="false" 
 
<style type="text/css">   
div.RadScheduler .rsHeader   
{   
text-align: right;   
padding-right: 0px;   
margin-right:0px;   
background-position:right;   
 }  
</style>   
 
 

 

 

 

 

 

3 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 04 Mar 2009, 04:37 PM
Hello Chris,

I managed to right-align the header date relatively easy, so please let me know if I am missing somethig. Try the following:
 <style type="text/css">  
    .rsHeader h2  
    {  
        text-alignrightright;  
        }     
    </style> 


Greetings,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Chan
Top achievements
Rank 1
answered on 16 Jul 2013, 10:20 AM
Helo !
I need to rearrange controls of radscheduler(ASP AJAX) as per following plan :

1. Date Navigation arrow buttons right (top-right) aligned in scheduler.
2. Multidayview, dayview, weekview, monthview, timelineview center (top-center) aligned in scheduler
5. MultidayView - loading scheduler in such way that if last week of scheduler crossing one month it should not show the next month for example : if last week having days from september & october , display only dates from september not from october
or draw an arrow representing two month separately for clarity. like, blue arrow for september and green arrow stands for october



thanx for any help.

Chan

0
Boyan Dimitrov
Telerik team
answered on 19 Jul 2013, 09:05 AM
Hello,

An easy and convenient way of achieving such appearance modification would be to use the following styles:
//css
<style type="text/css">
        /*move the navigation arrow buttons to the right side of the scheduler header*/
        html .RadScheduler .rsHeader p {
        float: right;
        padding-right: 5px;
        }
        /*position the different views in the center of the scheduler header*/
        html .RadScheduler .rsHeader ul {
            float:right;      
            padding-right: 40%;
        }
    </style>

I am afraid that such modification as shown in the provided image is not supported by the RadScheduler out of the box. Alternative way of achieving similar scenario would be to use the RadScheduler TimeSlotCreated server-side event handler to apply desired colors for different months. The code snippet below demonstrating how you can apply red color for the July time slots and Green color for the August time slots.
//code behind
protected void RadScheduler1_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)
    {
        if (e.TimeSlot.Start.Month == 7)
        {
            e.TimeSlot.Control.BackColor = System.Drawing.Color.Red;
        }
        else if (e.TimeSlot.Start.Month == 8)
        {
             e.TimeSlot.Control.BackColor = System.Drawing.Color.Green;
        }
    }

Here you may find our RadScheduler TimeSlot customization demo that might be helpful for your scenario requirement.

Regards,
Boyan Dimitrov
Telerik
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 the blog feed now.
Tags
Scheduler
Asked by
Chris
Top achievements
Rank 1
Answers by
Peter
Telerik team
Chan
Top achievements
Rank 1
Boyan Dimitrov
Telerik team
Share this question
or