Linking a Scheduler to a Calendar

The following topic explains how to bind a schedule to a C1Calendar control in Microsoft Blend, Visual Studio, and using XAML.

Using Microsoft Blend

In Blend, linking C1Scheduler to one of the calendar controls is as easy as setting a property.

Add a C1Scheduler and C1Calendar control to your window.
Under Objects and Timeline, click scheduler1, and enter C1Scheduler1 as the name of the control. If necessary, select Window | Interaction to view Objects and Timeline.
Select the C1Calendar control you added to the window.
In the Properties panel of Design view, click the Advanced Property Options button next to the C1Calendar.SelectedDate property in the DateTime category.

Select Custom Expression and enter the following expression:

{Binding Path=SelectedDateTime, ElementName=C1Scheduler1, Mode=TwoWay}

This will bind the selected date of the calendar to the schedule.

The equivalent XAML code can be viewed by clicking the XAML view tab. It should look like the following:

XAML	Copy Code
c1:C1Calendar HorizontalAlignment="Left" VerticalAlignment="Top" Theme="{DynamicResource {ComponentResourceKey ResourceId=Default, TypeInTargetAssembly={x:Type c1sched:CalendarBase}}}" SelectedDate="{Binding SelectedDateTime, ElementName=C1Scheduler1, Mode=TwoWay}">

XAML

Copy Code

c1:C1Calendar HorizontalAlignment="Left" VerticalAlignment="Top" Theme="{DynamicResource {ComponentResourceKey ResourceId=Default, TypeInTargetAssembly={x:Type c1sched:CalendarBase}}}" SelectedDate="{Binding SelectedDateTime, ElementName=C1Scheduler1, Mode=TwoWay}">

Press F5 to run the project and select a date in the calendar. The schedules selected date will change accordingly.

Using Visual Studio

To link C1Scheduler to a C1Calendar control:

Add a C1Scheduler and C1Calendar control to your window.
Select the C1Scheduler control.
In the Properties window, enter C1Scheduler1 in the Name text box, if necessary.
Select the C1Calendar control you added to the window.
In the XAML window, find the <my:C1Calendar /> XAML.

Edit the XAML so it looks similar the following:

<c1:C1Calendar HorizontalAlignment="Left" Margin="34,51,0,0" Name="c1Calendar1" VerticalAlignment="Top" SelectedDate="{Binding Path=SelectedDateTime, ElementName=C1Scheduler1, Mode=TwoWay}"  />

Press F5 to run the project and select a date in the C1Calendar. The schedule’s selected date will change accordingly.

Using XAML

The following XAML binds C1Scheduler to a C1Calendar control:

<c1:C1Calendar HorizontalAlignment="Left" Margin="34,51,0,0" Name="c1Calendar1" VerticalAlignment="Top" SelectedDate="{Binding Path=SelectedDateTime, ElementName=C1Scheduler1, Mode=TwoWay}"  />