diff --git a/wpf/Scheduler/Accessibility.md b/wpf/Scheduler/Accessibility.md index ad4579e6d..3c4841a6e 100644 --- a/wpf/Scheduler/Accessibility.md +++ b/wpf/Scheduler/Accessibility.md @@ -382,7 +382,7 @@ Moves the view to work week view.

Ctrl + Alt + 4 => MonthView

-Moves the view to work week view.

+Moves the view to work month view.

Ctrl + Alt + 5 => TimelineDayView

diff --git a/wpf/Scheduler/Appointment-Drag-And-Drop.md b/wpf/Scheduler/Appointment-Drag-And-Drop.md index 6c8d70861..0f517fb54 100644 --- a/wpf/Scheduler/Appointment-Drag-And-Drop.md +++ b/wpf/Scheduler/Appointment-Drag-And-Drop.md @@ -14,11 +14,19 @@ The Scheduler supports disabling the appointment drag and drop by setting [Appoi {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.AppointmentEditFlag = AppointmentEditFlag.Add | AppointmentEditFlag.Edit | AppointmentEditFlag.Resize; {% endhighlight %} {% endtabs %} @@ -28,6 +36,8 @@ Show or hide the time indicator at a specific time when dragging the appointment {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DragDropSettings.ShowTimeIndicator = true; {% endhighlight %} @@ -44,6 +54,8 @@ Customize the format for the appointment dragging time indicator format by setti {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DragDropSettings.TimeIndicatorFormat = "HH mm tt"; {% endhighlight %} @@ -68,6 +80,8 @@ Scheduler notifies by [AppointmentDragOver](https://help.syncfusion.com/cr/wpf/S {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.AppointmentDragOver += Schedule_AppointmentDragOver; private void Schedule_AppointmentDragOver(object sender, AppointmentDragEventArgs e) @@ -89,6 +103,8 @@ Scheduler notifies by [AppointmentDragStarting](https://help.syncfusion.com/cr/w {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.AppointmentDragStarting += Schedule_AppointmentDragStarting; private void Schedule_AppointmentDragStarting(object sender, AppointmentDragStartingEventArgs e) @@ -114,6 +130,8 @@ Scheduler is notified by [AppointmentDropping](https://help.syncfusion.com/cr/wp {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.AppointmentDropping += Schedule_AppointmentDropping; private void Schedule_AppointmentDropping(object sender, AppointmentDroppingEventArgs e) @@ -123,4 +141,4 @@ private void Schedule_AppointmentDropping(object sender, AppointmentDroppingEven {% endhighlight %} {% endtabs %} -N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. \ No newline at end of file +N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. For more information on appointment editing flags, see [Appointment editing](appointment-editing.md). \ No newline at end of file diff --git a/wpf/Scheduler/Appointment-Editing.md b/wpf/Scheduler/Appointment-Editing.md index 9179dda31..d6fef73ff 100644 --- a/wpf/Scheduler/Appointment-Editing.md +++ b/wpf/Scheduler/Appointment-Editing.md @@ -31,8 +31,6 @@ Scheduler supports editing the recurrence appointment. The following window will ![WPF Scheduler editing recurrence appointment](Appointment-Editing_Images/Editing-Recurrence-Appointment.png) -Handle the opening of the recurrence popup window using the `EditMode` property in the `RecurringAppointmentBeginningEditEventArgs` by handling the `RecurringAppointmentBeginningEdit` event. - #### RecurringAppointmentBeginningEdit Event The opening of the recurrence popup editor dialog can be handled using the `EditMode` property in the `RecurringAppointmentBeginningEditEventArgs` by handling the `RecurringAppointmentBeginningEdit` event. @@ -44,7 +42,9 @@ The opening of the recurrence popup editor dialog can be handled using the `Edit * Series: Edit the entire series in a recurrence appointment. The default editor content dialog will not appear. {% tabs %} -{% highlight c# tabtitle="MainWindow.xaml.cs" hl_lines="1" %} +{% highlight c# tabtitle="MainWindow.xaml.cs" hl_lines="3" %} +using Syncfusion.UI.Xaml.Scheduler; + this.scheduler.RecurringAppointmentBeginningEdit += scheduler_RecurringAppointmentBeginningEdit; private void scheduler_RecurringAppointmentBeginningEdit(object sender, RecurringAppointmentBeginningEditEventArgs e) @@ -70,6 +70,8 @@ For example, to use a custom appointment editor window instead of the default ap {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.AppointmentEditorOpening += Schedule_AppointmentEditorOpening; private void Schedule_AppointmentEditorOpening(object sender, AppointmentEditorOpeningEventArgs e) @@ -95,6 +97,8 @@ Programmatically visible or collapse the editors by setting the [AppointmentEdit {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.AppointmentEditorOpening += Schedule_AppointmentEditorOpening; private void Schedule_AppointmentEditorOpening(object sender, AppointmentEditorOpeningEventArgs e) @@ -131,6 +135,8 @@ For example, to handle the appointment adding for today's date, user can handle {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.AppointmentEditorClosing += Schedule_AppointmentEditorClosing; private void Schedule_AppointmentEditorClosing(object sender, AppointmentEditorClosingEventArgs e) @@ -152,10 +158,16 @@ To disable appointment editing functionality, set [AppointmentEditFlag](https:// {% tabs %} {% highlight XAML %} - + + + + {% endhighlight %} {% endtabs %} @@ -181,6 +193,8 @@ Scheduler notifies by [AppointmentDeleting](https://help.syncfusion.com/cr/wpf/S {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.AppointmentDeleting += Schedule_AppointmentDeleting; private void Schedule_AppointmentDeleting(object sender, AppointmentDeletingEventArgs e) @@ -199,12 +213,20 @@ Scheduler supports disabling the appointment resizing by setting [AppointmentEdi {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c# %} - this.Schedule.AppointmentEditFlag = AppointmentEditFlag.Add | AppointmentEditFlag.DragDrop | AppointmentEditFlag.Edit; +using Syncfusion.UI.Xaml.Scheduler; + +this.Schedule.AppointmentEditFlag = AppointmentEditFlag.Add | AppointmentEditFlag.DragDrop | AppointmentEditFlag.Edit; {% endhighlight %} {% endtabs %} @@ -232,6 +254,8 @@ Scheduler notifies by [AppointmentResizing](https://help.syncfusion.com/cr/wpf/S {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.AppointmentResizing += Schedule_AppointmentResizing; private void Schedule_AppointmentResizing(object sender, AppointmentResizingEventArgs e) @@ -242,4 +266,4 @@ this.Schedule.AppointmentResizing += Schedule_AppointmentResizing; {% endtabs %} * `Resource` - gets the resource of an appointment under which the appointment is located. -N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. \ No newline at end of file +N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. For details on the appointment editor window, see [Appointments](appointments.md). \ No newline at end of file diff --git a/wpf/Scheduler/Appointments.md b/wpf/Scheduler/Appointments.md index 20ad26b02..f98f949c2 100644 --- a/wpf/Scheduler/Appointments.md +++ b/wpf/Scheduler/Appointments.md @@ -14,12 +14,20 @@ The [ScheduleAppointment](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml. {%tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating an instance for schedule appointment collection var scheduleAppointmentCollection = new ScheduleAppointmentCollection(); //Adding schedule appointment in the schedule appointment collection @@ -89,6 +97,9 @@ Create a custom class `Meeting` with mandatory fields `From`, `To` and `EventNam {% tabs %} {% highlight c# %} +using System; +using System.Windows.Media; + /// /// Represents the custom data properties. /// @@ -105,20 +116,28 @@ public class Meeting N> You can map those properties of the `Meeting` class to schedule appointment by using the `AppointmentMapping` properties. {%tabs %} {% highlight xaml %} - + + - - - - + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + //Schedule data mapping for custom appointments AppointmentMapping dataMapping = new AppointmentMapping(); dataMapping.Subject = "EventName"; @@ -134,6 +153,8 @@ Schedule the meetings for a day by setting `From` and `To` of the Meeting class. {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + //Creating an instance for the custom appointment class Meeting meeting = new Meeting(); //Setting the start time of an event @@ -165,21 +186,29 @@ Spanned Appointment is an appointment that lasts more than 24 hours. It doesn’ {%tabs %} {% highlight xaml %} - + + - - - - - + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating an instance for the collection of custom appointments var Meetings = new ObservableCollection(); // Creating an instance for the custom appointment class @@ -196,7 +225,7 @@ meeting.BackgroundColor = new SolidColorBrush(Colors.SlateBlue); meeting.ForegroundColor = new SolidColorBrush(Colors.White); // Adding a custom appointment in the CustomAppointmentCollection Meetings.Add(meeting); -//Adding schedule appointment collection to the ItemsSource of SfSchedule +//Adding schedule appointment collection to the ItemsSource of SfScheduler Schedule.ItemsSource = Meetings; {% endhighlight %} {% endtabs%} @@ -212,12 +241,20 @@ The all-Day appointment is an appointment that is scheduled for a whole day. It {%tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating an instance for schedule appointment collection var scheduleAppointmentCollection = new ScheduleAppointmentCollection(); //Adding schedule appointment in the schedule appointment collection @@ -275,12 +312,20 @@ The SfScheduler appointment recurrenceRule is used to populate the required recu {%tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating an instance for schedule appointment collection var scheduleAppointmentCollection = new ScheduleAppointmentCollection(); //Adding schedule appointment in schedule appointment collection @@ -311,6 +356,9 @@ For creating the custom recurrence appointment, create a custom class `Meeting` {% tabs %} {% highlight c# %} +using System; +using System.Windows.Media; + /// /// Represents custom data properties. /// @@ -331,21 +379,29 @@ N> Map those properties of Meeting class to schedule appointment by using the `A {%tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + //Schedule data mapping for custom appointments AppointmentMapping dataMapping = new AppointmentMapping(); dataMapping.Subject = "EventName"; @@ -363,6 +419,8 @@ Schedule the recurring meetings for daily, weekly, monthly, or yearly interval b {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating an instance for the custom appointment class Meeting meeting = new Meeting(); // Setting the start time of an event @@ -383,7 +441,7 @@ meeting.RecurrenceRule = "FREQ=DAILY;INTERVAL=1;COUNT=10"; var Meetings = new ObservableCollection(); // Adding a custom appointment in CustomAppointmentCollection Meetings.Add(meeting); -// Adding custom appointments in ItemsSource of SfSchedule +// Adding custom appointments in ItemsSource of SfScheduler Schedule.ItemsSource = Meetings; {% endhighlight %} {% endtabs %} @@ -395,6 +453,8 @@ Get the Recurrence properties from the [RRULE](https://help.syncfusion.com/cr/wp {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + DateTime dateTime = new DateTime(2020, 6, 30, 10, 0, 0); RecurrenceProperties recurrenceProperties = RecurrenceHelper.RRuleParser("FREQ=DAILY;INTERVAL=1;COUNT=3", dateTime); {% endhighlight %} @@ -411,6 +471,8 @@ Get the occurrences date-time list of recurring appointment from the RRULE using {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + DateTime dateTime = new DateTime(2020, 6, 27, 9, 0, 0); IEnumerable dateCollection = RecurrenceHelper.GetRecurrenceDateTimeCollection("FREQ=DAILY;INTERVAL=1;COUNT=3", dateTime); {% endhighlight %} @@ -427,6 +489,8 @@ Gets the pattern appointment for the specified occurrence. To get the pattern appointment by using the following event and passing a parameter as `Scheduler` and Specified `Appointment`. {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.AppointmentTapped += Schedule_AppointmentTapped; private void Schedule_AppointmentTapped(object sender, AppointmentTappedArgs e) @@ -450,6 +514,8 @@ To get a specific appointment by using the following event and passing a paramet {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.AppointmentTapped += Schedule_AppointmentTapped; private void Schedule_AppointmentTapped(object sender, AppointmentTappedArgs e) @@ -481,12 +547,20 @@ Delete any of occurrence which is exception from recurrence pattern appointment {%tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating an instance for schedule appointment collection var scheduleAppointmentCollection = new ScheduleAppointmentCollection(); @@ -527,12 +601,18 @@ Add an exception appointment which is changed or modified occurrence of the recu {%tabs %} {% highlight xaml %} - - + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating an instance for schedule appointment collection var appointmentCollection = new ScheduleAppointmentCollection(); // Recurrence and exception appointment @@ -594,6 +674,9 @@ To add the exception dates in the recurrence series of custom appointment, add t {% tabs %} {% highlight c# %} +using System; +using System.Windows.Media; + public class Meeting { public ObservableCollection RecurrenceExceptions { get; set; } = new ObservableCollection(); @@ -613,27 +696,33 @@ Map this custom property `RecurrenceExceptionDates` of custom class with the `Re {% tabs %} {% highlight xaml %} - - - + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating an instance for custom appointment collection ObservableCollection customAppointmentCollection = new ObservableCollection(); // data mapping for custom appointments. @@ -689,23 +778,29 @@ public ObservableCollection RecursiveAppointmentCollection {% tabs %} {% highlight xaml %} - - - - - + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.RecursiveAppointmentCollection = new ObservableCollection(); //Adding custom appointment in the custom appointment collection Meeting dailyEvent = new Meeting @@ -765,11 +860,17 @@ To enable tooltip for the scheduler appointments, use the [EnableToolTip](https: {% tabs %} {% highlight xaml %} - - + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.EnableToolTip = true; {% endhighlight %} {% endtabs %} @@ -784,56 +885,60 @@ The following code example shows the usage of DataTemplate. {% tabs %} {% highlight xaml %} - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -847,29 +952,33 @@ N> The default appearance of schedule appointment can be customized in all the views by using the [AppointmentTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ViewSettingsBase.html#Syncfusion_UI_Xaml_Scheduler_ViewSettingsBase_AppointmentTemplate) and [AppointmentTemplateSelector](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ViewSettingsBase.html#Syncfusion_UI_Xaml_Scheduler_ViewSettingsBase_AppointmentTemplateSelector) properties of [ViewSettingsBase](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ViewSettingsBase.html). Use the [AllDayAppointmentTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.DaysViewSettings.html#Syncfusion_UI_Xaml_Scheduler_DaysViewSettings_AllDayAppointmentTemplate) property of [DaysViewSettings](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.DaysViewSettings.html) to customize the appearance of all day appointments in day, week and work week views. {% tabs %} {% highlight xaml %} - - - - - - - - - - - - - + + + + + + + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -886,13 +995,17 @@ You can customize the appointment selection border brush by using the [Selection {% tabs %} {% highlight xaml %} - - - + + + + + {% endhighlight %} {% endtabs %} diff --git a/wpf/Scheduler/Calendar-Types.md b/wpf/Scheduler/Calendar-Types.md index b50582985..c004563fc 100644 --- a/wpf/Scheduler/Calendar-Types.md +++ b/wpf/Scheduler/Calendar-Types.md @@ -45,10 +45,18 @@ N> {% tabs %} {% highlight xaml %} - + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.CalendarIdentifier = "HijriCalendar"; {% endhighlight %} {% endtabs %} @@ -63,6 +71,8 @@ All the DateTime values can be given such as [DisplayDate,](https://help.syncfus {% capture codesnippet1 %} {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating an instance for the schedule appointment collection. var appointments = new ScheduleAppointmentCollection(); @@ -87,6 +97,8 @@ this.scheduler.ItemsSource = appointments; {% capture codesnippet2 %} {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating an instance for the schedule appointment collection. var appointments = new ScheduleAppointmentCollection(); @@ -106,4 +118,4 @@ this.scheduler.ItemsSource = appointments; {% endcapture %} {{ codesnippet2 | UnOrderList_Indent_Level_1 }} -N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Scheduler-Examples/tree/main/CalendarTypes) \ No newline at end of file +N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Scheduler-Examples/tree/main/CalendarTypes). For more information on appointments, see [Appointments](appointments.md). \ No newline at end of file diff --git a/wpf/Scheduler/ContextMenu-Commands.md b/wpf/Scheduler/ContextMenu-Commands.md index 080bf0d58..b76337a8f 100644 --- a/wpf/Scheduler/ContextMenu-Commands.md +++ b/wpf/Scheduler/ContextMenu-Commands.md @@ -29,14 +29,20 @@ that contains the Appointment or DateTime of the corresponding cell. {% tabs %} {% highlight xaml %} - - - - - - - - + + + + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -55,23 +61,28 @@ that contains the Appointment or DateTime of the corresponding cell. * In the month view, the `AppointmentContextMenu` opens when the [MonthViewSettings.AppointmentDisplayMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.MonthViewSettings.html#Syncfusion_UI_Xaml_Scheduler_MonthViewSettings_AppointmentDisplayMode) is set to `AppointmentDisplayMode.Appointment.`. * To enable the touch context menu for appointments in the scheduler, by disabling the appointment drag and drop by setting the [AppointmentEditFlag](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_AppointmentEditFlag) property except for DragDrop. In this case, the appointment drag & drop cannot be performed. The [AppointmentContextMenu](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_AppointmentContextMenu) will be displayed only on appointments and the appointment selection, should be performed. - {% tabs %} {% highlight xaml %} - - - - + + + + + - - - - - - + + + + + + + + {% endhighlight %} {% endtabs %} @@ -90,4 +101,4 @@ The [SchedulerContextMenuInfo](https://help.syncfusion.com/cr/wpf/Syncfusion.UI. * `ContextMenu` – It represents a shortcut context menu that is being opened. -N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. +N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. For more information on appointment editing, see [Appointment editing](appointment-editing.md). diff --git a/wpf/Scheduler/Date-Navigations.md b/wpf/Scheduler/Date-Navigations.md index 3aa5b7f33..ed7a6134c 100644 --- a/wpf/Scheduler/Date-Navigations.md +++ b/wpf/Scheduler/Date-Navigations.md @@ -17,11 +17,19 @@ Visible dates can be restricted between a certain range of dates, using [Maximum {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.MinimumDate = new DateTime(2020, 05, 05, 10, 0, 0); {% endhighlight %} {% endtabs %} @@ -31,11 +39,19 @@ this.Schedule.MinimumDate = new DateTime(2020, 05, 05, 10, 0, 0); {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.MaximumDate = new DateTime(2020, 10, 05, 10, 0, 0); {% endhighlight %} {% endtabs %} @@ -45,11 +61,19 @@ Programmatically navigate the dates in scheduler by using the [DisplayDate](http {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.DisplayDate = new DateTime(2020, 07, 05, 10, 0, 0); {% endhighlight %} {% endtabs %} @@ -61,11 +85,19 @@ Programmatically select the dates in scheduler by using the [SelectedDate](https {% tabs %} {% highlight xaml %} - - + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.SelectedDate = new DateTime(2020, 07, 10, 10, 0, 0); {% endhighlight %} {% endtabs %} @@ -80,16 +112,24 @@ Use the `Forward` method of SfScheduler for viewing the next immediate visible d {% tabs %} {% highlight xaml %} - - - - + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Forward_Click(object sender, RoutedEventArgs e) { Schedule.Forward(); @@ -102,16 +142,20 @@ Use the `Backward` method of SfScheduler for viewing the previous immediate visi {% tabs %} {% highlight xaml %} - - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Backward_Click(object sender, RoutedEventArgs e) { Schedule.Backward(); @@ -125,12 +169,20 @@ You can quickly navigate to the respective day or timeline day view by single-cl {% tabs %} {% highlight xaml %} - - + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Week; this.Schedule.AllowViewNavigation = true; {% endhighlight %} @@ -145,12 +197,20 @@ You can enable the date picker for the scheduler by using the [ShowDatePickerBut {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Week; this.Schedule.ShowDatePickerButton = true; {% endhighlight %} @@ -165,14 +225,22 @@ You can quickly navigate to the different scheduler views by using the [AllowedV {% tabs %} {% highlight xaml %} - + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Week; this.Schedule.AllowedViewTypes = AllowedSchedulerViewTypes.Week | AllowedSchedulerViewTypes.WorkWeek | AllowedSchedulerViewTypes.Day | AllowedSchedulerViewTypes.Month | AllowedSchedulerViewTypes.TimelineDay | AllowedSchedulerViewTypes.TimelineMonth | AllowedSchedulerViewTypes.TimelineWeek | AllowedSchedulerViewTypes.TimelineWorkWeek; {% endhighlight %} {% endtabs %} -N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Scheduler-Examples/tree/main/AllowedViews) \ No newline at end of file +N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Scheduler-Examples/tree/main/AllowedViews). For week number configuration, see [Month view](month-view.md). \ No newline at end of file diff --git a/wpf/Scheduler/DaysView.md b/wpf/Scheduler/DaysView.md index 1f52f9b1b..74c340bb2 100644 --- a/wpf/Scheduler/DaysView.md +++ b/wpf/Scheduler/DaysView.md @@ -14,6 +14,8 @@ documentation: ug Customize the interval of timeslots in all the day, week, work week views by using the [TimeInterval](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_TimeInterval) property of [DaysViewSettings](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_DaysViewSettings). {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DaysViewSettings.TimeInterval = new System.TimeSpan(0, 120, 0); {% endhighlight %} @@ -27,14 +29,22 @@ N>If the timeInterval value is modified (in minutes), the time labels format nee Customize the interval height of timeslots in day, week, work week views by setting [TimeIntervalSize](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_TimeIntervalSize) property of [DaysViewSettings](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_DaysViewSettings). {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DaysViewSettings.TimeIntervalSize = 120; {% endhighlight %} @@ -47,15 +57,23 @@ The default values for [StartHour](https://help.syncfusion.com/cr/wpf/Syncfusion {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DaysViewSettings.StartHour = 8; Schedule.DaysViewSettings.EndHour = 15; @@ -77,21 +95,29 @@ N> The [AllowSpannedAppointmentsInTimeSlots](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.DaysViewSettings.html#Syncfusion_UI_Xaml_Scheduler_DaysViewSettings_AllowSpannedAppointmentsInTimeSlots) property determines whether appointments spanning more than 24 hours are displayed in the all-day panel or directly within the timeslot cells of the `Day`, `Week`, and `WorkWeek` views. By default, these appointments are rendered in the all-day panel. Setting `AllowSpannedAppointmentsInTimeSlots` to `true` displays spanned appointments within the corresponding time-slot cells. {% tabs %} -{% highlight XAML tabtitle="XAML" hl_lines="4" %} - + + - - - - + + + + + + {% endhighlight %} -{% highlight C# tabtitle="C#" hl_lines="3" %} +{% highlight C# tabtitle="C#" hl_lines="5" %} +using Syncfusion.UI.Xaml.Scheduler; + SfScheduler scheduler = new SfScheduler(); scheduler.ViewType = SchedulerView.Week; scheduler.DaysViewSettings.AllowSpannedAppointmentsInTimeSlots = true; this.Content = scheduler; {% endhighlight %} -{% endtabs %} +{% endtabs %} ## Special time regions Restrict the user interaction such as selection and highlights specific regions of time in day, week, work week views by adding the [SpecialTimeRegions](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_SpecialTimeRegions) property of `SfScheduler`. Set the [StartTime](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#Syncfusion_UI_Xaml_Scheduler_SpecialTimeRegion_StartTime) and [EndTime](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#Syncfusion_UI_Xaml_Scheduler_SpecialTimeRegion_EndTime) properties of [SpecialTimeRegion](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html) to create a `SpecialTimeRegion`, use the timeZone property to set the specific timezone for the start and end time of `SpecialTimeRegion`. The `SpecialTimeRegion` will display the text or image that is set to the text or icon property of `SpecialTimeRegion`. @@ -102,23 +128,31 @@ Enable merging adjacent regions of `SpecialTimeRegion` and show them as a single Enable or disable the touch interaction of `SpecialTimeRegion` using the [CanEdit](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#Syncfusion_UI_Xaml_Scheduler_SpecialTimeRegion_CanEdit) property of [SpecialTimeRegion](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#properties). By default, its value is true. {% tabs %} {% highlight xaml %} - - - - - - - - - + + + + + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.DaysViewSettings.SpecialTimeRegions.Add(new SpecialTimeRegion { StartTime = new System.DateTime(2020,12,15,13,0,0), @@ -149,23 +183,31 @@ Enable merging adjacent regions of `SpecialTimeRegion` and show them as a single {% tabs %} {% highlight xaml %} - - - - - - - - - + + + + + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DaysViewSettings.SpecialTimeRegions.Add(new SpecialTimeRegion { @@ -190,6 +232,8 @@ If the [CanMergeAdjacentRegions](https://help.syncfusion.com/cr/wpf/Syncfusion.U Delete any of the occurrence that is an exception from the recurrence pattern time region by using the [RecurrenceExceptionDates](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#Syncfusion_UI_Xaml_Scheduler_SpecialTimeRegion_RecurrenceExceptionDates) property of [SpecialTimeRegion](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#properties). The deleted occurrence date will be considered as a recurrence exception date. {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; DateTime recurrenceExceptionDates = DateTime.Now.Date.AddDays(-1); DateTime recurrenceExceptionDates1 = DateTime.Now.Date.AddDays(2); @@ -222,36 +266,46 @@ The [SpecialTimeRegion](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Sc The `SpecialTimeRegion` background color can be customized by using the [Background](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#Syncfusion_UI_Xaml_Scheduler_SpecialTimeRegion_Background) and [SpecialTimeRegionTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_SpecialTimeRegionTemplate) properties of [SpecialTimeRegion](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html) that is used to customize the text style and image of the `SpecialTimeRegion`. {% tabs %} {% highlight xaml %} - - - - - - - + + + + + + + + + {% endhighlight %} {% endtabs %} {% tabs %} {% highlight xaml %} - - - - - - - - + + + + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -265,14 +319,22 @@ The [SpecialTimeRegion](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Sc Scheduler time interval height can be adjusted based on screen height by changing the value of `TimeIntervalSize` property to -1. It will auto-fit to the screen height and width. {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DaysViewSettings.TimeIntervalSize = -1; {% endhighlight %} @@ -284,15 +346,23 @@ Schedule.DaysViewSettings.TimeIntervalSize = -1; Customize the size of the time ruler view where the labels mentioning the time are placed by using the [TimeRulerSize](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_TimeRulerSize) property of `DayViewSettings`. {% tabs %} {% highlight xaml %} - - - - - - + + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DaysViewSettings.TimeRulerSize = 100; {% endhighlight %} @@ -304,6 +374,8 @@ Schedule.DaysViewSettings.TimeRulerSize = 100; The [MinimumAppointmentDuration](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_MinimumAppointmentDuration) property in `DayViewSettings` is to set an arbitrary height to appointments when it has minimum duration in day, week, work week views, so that the subject can be readable. {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DaysViewSettings.MinimumAppointmentDuration = new System.TimeSpan(0, 120, 0); {% endhighlight %} @@ -320,13 +392,21 @@ You can customize the number of appointments displayed in an all-day panel using {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Week; this.Schedule.DaysViewSettings.MinimumAllDayAppointmentsCount = 3; {% endhighlight %} @@ -337,19 +417,25 @@ You can customize the default appearance of more appointments indicator in the a {% tabs %} {% highlight xaml %} - - - - - - - - - - - - + + + + + + + + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -359,6 +445,8 @@ You can customize the default appearance of more appointments indicator in the a Customize the format for the labels mentioning the time, by setting the [TimeRulerFormat](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_TimeRulerFormat) property of `DayViewSettings` in `Scheduler`. {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DaysViewSettings.TimeRulerFormat = "hh mm"; Schedule.DaysViewSettings.TimeInterval = new System.TimeSpan(0, 30, 0); @@ -370,6 +458,7 @@ Schedule.DaysViewSettings.TimeInterval = new System.TimeSpan(0, 30, 0); N> * You can customize the appointment editor time format based on scheduler time ruler format and culture. * By default, the scheduler time ruler format is `h tt` and the appointment editor time picker format is `hh:mm tt.` +* For information on related scheduler events like `CellTapped`, `SelectionChanged`, and `ViewChanged`, see [Events](events.md). For timeline view configuration, see [Timeline views](timelineview.md). ## View header Customize the default appearance of view header in day, week, work week views by setting [ViewHeaderDateFormat](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_ViewHeaderDateFormat), [ViewHeaderHeight](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ViewSettingsBase.html#Syncfusion_UI_Xaml_Scheduler_ViewSettingsBase_ViewHeaderHeight), [ViewHeaderDayFormat](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ViewSettingsBase.html#Syncfusion_UI_Xaml_Scheduler_ViewSettingsBase_ViewHeaderDayFormat) and [ViewHeaderTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ViewSettingsBase.html#Syncfusion_UI_Xaml_Scheduler_ViewSettingsBase_ViewHeaderTemplate) of `DaysViewSettings`. @@ -378,15 +467,23 @@ Customize the default appearance of view header in day, week, work week views by Customize the date and day format of ViewHeader by using the `ViewHeaderDateFormat` and `ViewHeaderDayFormat` properties of `DaysViewSettings`. {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DaysViewSettings.ViewHeaderDateFormat = "dd"; Schedule.DaysViewSettings.ViewHeaderDayFormat = "dddd"; @@ -398,14 +495,22 @@ Schedule.DaysViewSettings.ViewHeaderDayFormat = "dddd"; Customize the height of the ViewHeader in a day ,week ,work week views by setting `ViewHeaderHeight` property of `DaysViewSettings` in `SfScheduler`. {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.Week; Schedule.DaysViewSettings.ViewHeaderHeight = 100; {% endhighlight %} @@ -416,43 +521,55 @@ Schedule.DaysViewSettings.ViewHeaderHeight = 100; Customize the default appearance of view header by setting `ViewHeaderTemplate` property of `DaysViewSettings` in `SfScheduler`. {% tabs %} {% highlight xaml %} - - - - - - - - + + + + + + + + + + + + {% endhighlight %} {% endtabs %} {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -463,15 +580,23 @@ Customize the default appearance of view header by setting `ViewHeaderTemplate` To enhance interaction with a scheduler's appointments, you can customize the spacing between appointments and the right border of their cells using the [CellRightPadding](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.DaysViewSettings.html#Syncfusion_UI_Xaml_Scheduler_DaysViewSettings_CellRightPadding) property of [DayViewSettings](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.DaysViewSettings.html) in the [SfScheduler](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html). {% tabs %} -{% highlight xaml hl_lines="4" %} - + + - - - - + + + + + + {% endhighlight %} -{% highlight c# hl_lines="2" %} +{% highlight c# hl_lines="4" %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Week; this.Schedule.DaysViewSettings.CellRightPadding = 30; {% endhighlight %} @@ -483,4 +608,4 @@ N> * This customization will apply only when the scheduler has an appointment. -N> You can refer to our [WPF Scheduler](https://www.syncfusion.com/scheduler-sdk/wpf-scheduler) feature tour page for its groundbreaking feature representations. You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to knows how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. +N> You can refer to our [WPF Scheduler](https://www.syncfusion.com/scheduler-sdk/wpf-scheduler) feature tour page for its groundbreaking feature representations. You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. \ No newline at end of file diff --git a/wpf/Scheduler/Events.md b/wpf/Scheduler/Events.md index 142324cef..8fcfe79d5 100644 --- a/wpf/Scheduler/Events.md +++ b/wpf/Scheduler/Events.md @@ -32,12 +32,20 @@ The [CellTappedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Scheduler_CellTapped(object sender, CellTappedEventArgs e) { var dateTime = e.DateTime.ToString(); @@ -51,12 +59,20 @@ The [CellDoubleTapped](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Sch {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Scheduler_CellDoubleTapped(object sender, CellDoubleTappedEventArgs e) { var dateTime = e.DateTime.ToString(); @@ -70,12 +86,20 @@ The [CellLongPressed](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Sche {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Schedule_CellLongPressed(object sender, CellLongPressedEventArgs e) { var dateTime = e.DateTime.ToString(); @@ -89,12 +113,20 @@ The [SelectionChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Sch {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Schedule_SelectionChanged(object sender, SelectionChangedEventArgs e) { var newdate = e.NewValue.ToString(); @@ -125,12 +157,20 @@ The [SelectionChanging](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.S {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Schedule_SelectionChanging(object sender, SelectionChangingEventArgs e) { var newdate = e.NewValue.ToString(); @@ -153,14 +193,21 @@ The [ViewChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Schedule * [OldValue](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ViewChangedEventArgs.html#Syncfusion_UI_Xaml_Scheduler_ViewChangedEventArgs_OldValue) : Returns the old date range of the view. {% tabs %} -{% highlight xaml tabtitle="MainPage.xaml" hl_lines="2" %} +{% highlight xaml tabtitle="MainPage.xaml" hl_lines="6" %} - + + - + + + {% endhighlight %} -{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="1" %} +{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="3" %} +using Syncfusion.UI.Xaml.Scheduler; this.Scheduler.ViewChanged += this.OnSchedulerViewChanged; @@ -184,12 +231,20 @@ The [ViewHeaderCellTappedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusi {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Schedule_ViewHeaderCellTapped(object sender, ViewHeaderCellTappedEventArgs e) { var dateTime = e.DateTime.ToString(); @@ -207,12 +262,20 @@ The [HeaderTappedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xa {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Schedule_HeaderTapped(object sender, HeaderTappedEventArgs e) { var dateTime = e.DateTime.ToString(); @@ -232,12 +295,20 @@ The [WeekNumberTappedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.U {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Schedule_WeekNumberTapped(object sender, WeekNumberTappedEventArgs e) { var weeknumber = e.WeekNumber.ToString(); @@ -257,12 +328,20 @@ The [AppointmentTappedArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xa {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + private void Schedule_AppointmentTapped(object sender, AppointmentTappedArgs e) { var appointment = e.Appointment.ToString(); diff --git a/wpf/Scheduler/Getting-Started.md b/wpf/Scheduler/Getting-Started.md index 222e008ac..e2b1c4b02 100644 --- a/wpf/Scheduler/Getting-Started.md +++ b/wpf/Scheduler/Getting-Started.md @@ -15,6 +15,8 @@ This section provides an overview for working with SfScheduler for WPF and also ## Assembly deployment Refer to the section on [control dependencies](https://help.syncfusion.com/wpf/control-dependencies#sfscheduler) for a list of assemblies or NuGet Packages to be used as a guide for using control in any application. Further information on installing the NuGet package can be found in the following link in a WPF application: [How to install nuget packages](https://help.syncfusion.com/extension/syncfusion-nuget-packages/nuget-packages) . Use [Syncfusion Reference Manager](https://help.syncfusion.com/wpf/visual-studio-integration/visual-studio-extensions/add-references) to refer the scheduler's dependent assemblies. +N> The `SfScheduler` control is available from Syncfusion WPF package version **18.2.0.45** onward. It is supported on **.NET Framework 4.5.1+**, **.NET Core 3.1**, and **.NET 5/6**. The `SfScheduler` replaces the deprecated `SfSchedule` control; new features and enhancements are added only to `SfScheduler`. + ## Create simple application with SfScheduler In this section, create a WPF application with the WPF Scheduler (SfScheduler) control. @@ -46,17 +48,12 @@ To add the control manually in XAML page, follow the given steps: {% capture codesnippet1 %} {% tabs %} {% highlight xaml %} - - - - + + + + {% endhighlight %} {% endtabs %} @@ -70,6 +67,7 @@ To add the control manually in C# page, add the `Syncfusion.SfScheduler.WPF` ass {% tabs %} {% highlight c#%} using Syncfusion.UI.Xaml.Scheduler; + namespace GettingStarted { public partial class MainWindow : Window @@ -88,13 +86,21 @@ namespace GettingStarted ## Change SfScheduler Views -The [WPF Scheduler](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.html) (SfScheduler) control provides five different types of views to display dates, and the view can be assigned to the control by using the [ViewType](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_ViewType) property. By default, the control is assigned with `MonthView`. The current date will be displayed initially for all the Schedule views. +The [WPF Scheduler](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.html) (SfScheduler) control provides five different types of views to display dates, and the view can be assigned to the control by using the [ViewType](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_ViewType) property. The supported view types are `Day`, `Week`, `WorkWeek`, `Month`, and `Timeline`. By default, the control is assigned with `MonthView`. The current date will be displayed initially for all the Schedule views. {% tabs %} {% highlight xaml %} - + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType =SchedulerViewType.Month; {% endhighlight %} {% endtabs %} @@ -102,16 +108,24 @@ Schedule.ViewType =SchedulerViewType.Month; ![WPF scheduler Month view](GettingStarted_images/wpf-scheduler-month-view.png) ## Appointments -[SfScheduler](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.html) has a built-in capability to handle the appointment arrangement internally based on the [ScheduleAppointment](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ScheduleAppointment.html) collections. Assign the generated collection to the `Appointments` property. +[SfScheduler](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.html) has a built-in capability to handle the appointment arrangement internally based on the [ScheduleAppointment](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ScheduleAppointment.html) collections. Assign the generated collection to the [ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_ItemsSource) property of `SfScheduler`. ### Creating the schedule appointments The [ScheduleAppointment](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ScheduleAppointment.html) is a class that includes the specific scheduled appointment. It has some basic properties such as [StartTime](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ScheduleAppointment.html#Syncfusion_UI_Xaml_Scheduler_ScheduleAppointment_StartTime), [EndTime](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ScheduleAppointment.html#Syncfusion_UI_Xaml_Scheduler_ScheduleAppointment_EndTime), [Subject](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ScheduleAppointment.html#Syncfusion_UI_Xaml_Scheduler_ScheduleAppointment_Subject), and some additional information about the appointment can be added with [Notes](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ScheduleAppointment.html#Syncfusion_UI_Xaml_Scheduler_ScheduleAppointment_Notes), [Location](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ScheduleAppointment.html#Syncfusion_UI_Xaml_Scheduler_ScheduleAppointment_Location), and [IsAllDay](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ScheduleAppointment.html#Syncfusion_UI_Xaml_Scheduler_ScheduleAppointment_IsAllDay) properties. {% tabs %} {% highlight xaml %} - + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + //Creating a new event ScheduleAppointmentCollection appointmentCollection = new ScheduleAppointmentCollection(); @@ -147,6 +161,10 @@ Here are the steps to render meetings using [SfScheduler](https://help.syncfusio Create a custom class `Meeting` with mandatory fields `From`, `To` and `EventName` that is used to map the information of the appointment. {% highlight c# %} +using System; +using System.ComponentModel; +using System.Windows.Media; + public class Meeting : INotifyPropertyChanged { DateTime from, to; @@ -241,6 +259,8 @@ By setting `From` and `To` of the `Meeting` class, schedule the meetings for a s {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; +. . . public class ScheduleViewModel { private List currentDayMeetings; @@ -349,7 +369,6 @@ By setting `From` and `To` of the `Meeting` class, schedule the meetings for a s } } } -} {% endhighlight %} {% endtabs %} @@ -360,20 +379,28 @@ Map the properties of the `Meeting` class with the WPF Scheduler (SfScheduler) c {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + AppointmentMapping appointmentMapping = new AppointmentMapping(); appointmentMapping.IsAllDay = "AllDay"; appointmentMapping.StartTime = "From"; @@ -391,15 +418,21 @@ Create meetings of type `ObservableCollection` and assign the appointmen {% tabs %} {% highlight xaml %} + - - + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + ScheduleViewModel viewModel = new ScheduleViewModel(); Schedule.ItemsSource = viewModel.Events; {% endhighlight %} @@ -413,9 +446,17 @@ WPF Scheduler (SfScheduler) control will be rendered with `Sunday` as the first {% tabs %} {% highlight xaml %} - + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + //setting first day of the week Schedule.FirstDayOfWeek = DayOfWeek.Tuesday; {% endhighlight %} @@ -428,15 +469,31 @@ The Scheduler supports showing the busy indicator by using the [ShowBusyIndicato {% tabs %} {% highlight xaml %} + + + + {% endhighlight %} {% endtabs %} ![WPF scheduler BusyIndicator](GettingStarted_images/wpf-scheduler-busyindicator.png) +## Troubleshooting + +If appointments do not appear in the Scheduler, verify the following: + +* The `ItemsSource` is bound to a non-empty collection implementing `IEnumerable`, and the bound data raises `INotifyPropertyChanged` for live updates. +* The `AppointmentMapping` values exactly match the property names of the custom business object (case-sensitive). +* The appointment `StartTime` is earlier than its `EndTime`; otherwise the appointment will not render. +* When binding a `ScheduleAppointmentCollection` directly, no `AppointmentMapping` is required; mapping is only needed for custom data objects. +* For more diagnostic steps, refer to the [Appointments](https://help.syncfusion.com/wpf/scheduler/appointments) documentation. + ## Theme WPF Scheduler (SfScheduler) supports various built-in themes. Refer to the links below to apply themes for the SfScheduler: @@ -447,5 +504,25 @@ WPF Scheduler (SfScheduler) supports various built-in themes. Refer to the links ![Setting theme to WPF scheduler](GettingStarted_images/wpf-scheduler-theme.png) - + ## See also + +* [Overview](overview.md) — Introduction to the WPF Scheduler features. +* [Appointments](appointments.md) — Detailed information on appointments, mapping, spanned, all-day, and recurrence appointments. +* [Appointment editing](appointment-editing.md) — Add, edit, and delete appointments using the built-in appointment editor. +* [Appointment drag and drop](appointment-drag-and-drop.md) — Reschedule appointments by drag-and-drop. +* [Day and Week views](daysview.md) — Customize day, week, and work week views. +* [Timeline views](timelineview.md) — Customize timeline day, week, work week, and month views. +* [Month view](month-view.md) — Customize the month view, agenda view, and blackout dates. +* [Date navigation](date-navigations.md) — Configure minimum/maximum dates, programmatic date selection, and view navigation. +* [Header](header.md) — Customize the scheduler header height, date format, and appearance. +* [Events](events.md) — Handle cell tapped, selection changed, and view changed events. +* [Context menu and commands](contextmenu-commands.md) — Add context menus for appointments and time slots. +* [Time zone](time-zone.md) — Create and display appointments across time zones. +* [Resource grouping](resource-grouping.md) — Group appointments by resources or dates. +* [Reminder](reminder.md) — Enable reminder alerts for appointments. +* [Load on demand](loadondemand.md) — Load appointments on demand for large date ranges. +* [Calendar types](calendar-types.md) — Use Gregorian, Hebrew, Hijri, and other calendar types. +* [Localization](localization.md) — Localize scheduler text using resource files. +* [Migrating from SfSchedule to SfScheduler](migrating-from-sfschedule-to-sfscheduler.md) — API mapping for migration from the deprecated SfSchedule control. + N> You can refer to our [WPF Scheduler](https://www.syncfusion.com/scheduler-sdk/wpf-scheduler) feature tour page for its groundbreaking feature representations. You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. \ No newline at end of file diff --git a/wpf/Scheduler/Header.md b/wpf/Scheduler/Header.md index 3185be87d..dedff31d7 100644 --- a/wpf/Scheduler/Header.md +++ b/wpf/Scheduler/Header.md @@ -15,11 +15,19 @@ Change the scheduler header height by using [HeaderHeight](https://help.syncfusi {% tabs %} {% highlight xaml %} - - + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.HeaderHeight = 100; {% endhighlight %} {% endtabs %} @@ -31,11 +39,19 @@ Change the Scheduler header date format by using the [HeaderDateFormat](https:// {% tabs %} {% highlight xaml %} - - + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.HeaderDateFormat = "MMM/yyyy"; {% endhighlight %} {% endtabs %} @@ -49,13 +65,21 @@ Style the Scheduler header appearance using [SchedulerHeaderControl](https://hel {% tabs %} {% highlight xaml %} - + + + + + + + {% endhighlight %} {% endtabs %} @@ -66,19 +90,25 @@ Customize header appearance of scheduler by using [HeaderTemplate](https://help. {% tabs %} {% highlight xaml %} - - - - - - - + + + + + + + + + + + {% endhighlight %} {% endtabs %} ![WPF Scheduler header HeaderTemplate](Header_Images/HeaderTemplate.png) -N> You can refer to our [WPF Scheduler](https://www.syncfusion.com/scheduler-sdk/wpf-scheduler) feature tour page for its groundbreaking feature representations. You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. \ No newline at end of file +N> You can refer to our [WPF Scheduler](https://www.syncfusion.com/scheduler-sdk/wpf-scheduler) feature tour page for its groundbreaking feature representations. You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. For an overview of scheduler features, see [Overview](overview.md). \ No newline at end of file diff --git a/wpf/Scheduler/LoadOnDemand.md b/wpf/Scheduler/LoadOnDemand.md index d9af44539..7bc93414a 100644 --- a/wpf/Scheduler/LoadOnDemand.md +++ b/wpf/Scheduler/LoadOnDemand.md @@ -19,11 +19,19 @@ The [QueryAppointmentsEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.U {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + Scheduler.QueryAppointments += Scheduler_QueryAppointments; private void Scheduler_QueryAppointments(object sender, QueryAppointmentsEventArgs e) { @@ -73,14 +81,22 @@ Define a ViewModel class that implements command and handle it by the CanExecute {% tabs %} {% highlight xaml %} - + + - + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; +. . . public class LoadOnDemandViewModel : NotificationObject { @@ -168,4 +184,4 @@ The scheduler will add the occurrences of recurrence series based on the visible * If the `RecurrenceRule` is added without an end date, then the recurrence appointment should be added in the scheduler `ItemsSource` when all the visible dates changed from the recurrence start date. -N> [View sample in GitHub](https://github.com/SyncfusionExamples/load-on-demand-appointments-wpf-scheduler) +N> [View sample in GitHub](https://github.com/SyncfusionExamples/load-on-demand-appointments-wpf-scheduler). For more information on appointments, see [Appointments](appointments.md). diff --git a/wpf/Scheduler/Localization.md b/wpf/Scheduler/Localization.md index b09ebe7a9..decccba19 100644 --- a/wpf/Scheduler/Localization.md +++ b/wpf/Scheduler/Localization.md @@ -58,4 +58,4 @@ N> [View **Syncfusion.SfScheduler.WPF.resx** in GitHub](https://github.com/syncf ![Shows the localized strings in French for WPF Scheduler](Localization_images/Localized_Scheduler.png) -N> [View sample in GitHub](https://github.com/SyncfusionExamples/wpf-scheduler-localization). You can refer to our [WPF Scheduler](https://www.syncfusion.com/scheduler-sdk/wpf-scheduler) feature tour page for its groundbreaking feature representations. \ No newline at end of file +N> [View sample in GitHub](https://github.com/SyncfusionExamples/wpf-scheduler-localization). You can refer to our [WPF Scheduler](https://www.syncfusion.com/scheduler-sdk/wpf-scheduler) feature tour page for its groundbreaking feature representations. For calendar types support, see [Calendar types](calendar-types.md). \ No newline at end of file diff --git a/wpf/Scheduler/Migrating-from-SfSchedule-to-SfScheduler.md b/wpf/Scheduler/Migrating-from-SfSchedule-to-SfScheduler.md index 58e772c25..1f0f067df 100644 --- a/wpf/Scheduler/Migrating-from-SfSchedule-to-SfScheduler.md +++ b/wpf/Scheduler/Migrating-from-SfSchedule-to-SfScheduler.md @@ -21,7 +21,7 @@ SfScheduler Assembly Name: Syncfusion.SfScheduler.WPF SfScheduler Namespace Name: Syncfusion.UI.Xaml.Scheduler -The following code example shows xmlns namespace for SfScheduler control. Include the Syncfusion schema in WPF and both the charts are available in the WPF schema. +The following code example shows the xmlns namespace for the SfScheduler control. Include the Syncfusion schema in WPF; both scheduler controls are available in the WPF schema. ### SfSchedule @@ -91,11 +91,11 @@ Description {{'[Resource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Schedule.SfSchedule.html#Syncfusion_UI_Xaml_Schedule_SfSchedule_Resource)'| markdownify }} {{'[ResourceCollection](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_ResourceCollection)'| markdownify }} -Gets or sets the Resource grouping for schedule. +Gets or sets the resource collection for schedule. -{{'[EnableReminderTimer]( https://help.syncfusion.com/cr/wpf#Syncfusion_UI_Xaml_Schedule_SfSchedule_EnableReminderTimer/Syncfusion.html)'| markdownify }} -{{'[EnableReminder]( https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_EnableReminder)'| markdownify }} -Gets or sets the Resource grouping for schedule. +{{'[EnableReminderTimer](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Schedule.SfSchedule.html#Syncfusion_UI_Xaml_Schedule_SfSchedule_EnableReminderTimer)'| markdownify }} +{{'[EnableReminder](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_EnableReminder)'| markdownify }} +Gets or sets whether the reminder is enabled. The following table compares the [ScheduleAppointment](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ScheduleAppointment.html) APIs, diff --git a/wpf/Scheduler/Month-View.md b/wpf/Scheduler/Month-View.md index 1a505f92e..e2f5ce7c7 100644 --- a/wpf/Scheduler/Month-View.md +++ b/wpf/Scheduler/Month-View.md @@ -14,14 +14,22 @@ The scheduler month view displays a divided agenda view that is used to show the {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.ShowAgendaView = true; {% endhighlight %} @@ -38,16 +46,24 @@ Customize the month agenda view height from the Scheduler by using the [AgendaVi {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.AppointmentDisplayMode = AppointmentDisplayMode.Indicator; this.Schedule.MonthViewSettings.ShowAgendaView = true; @@ -65,14 +81,22 @@ Handle the Scheduler month view appointment display by using the [AppointmentDis {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.AppointmentDisplayMode = AppointmentDisplayMode.Appointment; {% endhighlight %} @@ -85,15 +109,23 @@ Customize the number of appointments displayed in a month cell using the [Appoin {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.AppointmentDisplayMode = AppointmentDisplayMode.Indicator; this.Schedule.MonthViewSettings.AppointmentDisplayCount = 4; @@ -111,14 +143,22 @@ The month view of a Scheduler can be navigated in both horizontal and vertical d {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.MonthNavigationDirection = MonthNavigationDirection.Vertical; {% endhighlight %} @@ -131,14 +171,22 @@ Customize the date format of the scheduler month view by using the [DateFormat]( {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.DateFormat = "dd"; {% endhighlight %} @@ -147,21 +195,29 @@ this.Schedule.MonthViewSettings.DateFormat = "dd"; ![WPF Scheduler month view DateFormat](Month-View_Images/wpf-scheduler-date-formatting.png) ## View header -Customize the default appearance of view header in month view by setting `ViewHeaderDayFormat`, `DateFormat` ,`ViewHeaderHeight` and `ViewHeaderTemplate` of TimelineViewSettings. +Customize the default appearance of view header in month view by setting `ViewHeaderDayFormat`, `DateFormat` ,`ViewHeaderHeight` and `ViewHeaderTemplate` of `MonthViewSettings`. ### View header text formatting Customize the day format of the Scheduler view header by using the [ViewHeaderDayFormat](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.ViewSettingsBase.html#Syncfusion_UI_Xaml_Scheduler_ViewSettingsBase_ViewHeaderDayFormat) property of `MonthViewSettings`. By default, the month view header day format is `ddd`. {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.ViewHeaderDayFormat = "dddd"; {% endhighlight %} @@ -174,14 +230,22 @@ Customize the view header height by using the [ViewHeaderHeight](https://help.sy {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.ViewHeaderHeight = 100; {% endhighlight %} @@ -194,28 +258,34 @@ Customize the default appearance of the month view header by using the [ViewHead {% tabs %} {% highlight xaml %} - - - - - - - - - + + + + + + + + + + - - - - - + + + + + + + {% endhighlight %} {% endtabs %} @@ -226,16 +296,24 @@ Customize the leading and trailing days visibility of the scheduler month view b {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.LeadingDaysVisibility = Visibility.Collapsed; this.Schedule.MonthViewSettings.TrailingDaysVisibility = Visibility.Collapsed; @@ -249,17 +327,24 @@ this.Schedule.MonthViewSettings.TrailingDaysVisibility = Visibility.Collapsed; The number of weeks visible in the month view can be changed by setting the [NumberOfVisibleWeeks](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.MonthViewSettings.html#Syncfusion_UI_Xaml_Scheduler_MonthViewSettings_NumberOfVisibleWeeks) property of [MonthViewSettings](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.MonthViewSettings.html) in the [`SfScheduler`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.html). By default, 6 weeks are visible. {% tabs %} -{% highlight xaml hl_lines="4" %} - - - - - - +{% highlight xaml hl_lines="8" %} + + + + + + + + + + {% endhighlight %} -{% highlight c# hl_lines="2" %} +{% highlight c# hl_lines="4" %} +using Syncfusion.UI.Xaml.Scheduler; this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.NumberOfVisibleWeeks = 3; @@ -280,6 +365,8 @@ Disable the interaction for certain dates in the scheduler month view by adding {% tabs %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.BlackoutDates = GetBlackoutDates(); @@ -305,28 +392,32 @@ private ObservableCollection GetBlackoutDates() {% tabs %} {% highlight xaml %} - - - + + + + + {% endhighlight %} {% endtabs %} @@ -337,14 +428,22 @@ Display the week number of a year in the scheduler month view by setting the [Sh {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.ShowWeekNumber = true; {% endhighlight %} @@ -357,23 +456,29 @@ Customize the default appearance of a week number template in the month view by {% tabs %} {% highlight xaml %} - - - - - - - - - - - - + + + + + + + + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -386,20 +491,26 @@ Customize the default appearance of the month cell by using the [MonthCellTempla {% tabs %} {% highlight xaml %} - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -411,20 +522,28 @@ The `DataTemplateSelector` can choose a DataTemplate at runtime based on the val {% tabs %} {% highlight xaml %} - - - - - - - - - + + + + + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + public class MonthCellTemplateSelector : DataTemplateSelector { public MonthCellTemplateSelector() @@ -471,24 +590,30 @@ Customize the default appearance of the month cell appointment by using the [App {% tabs %} {% highlight xaml %} - - - - - - - - - - - + + + + + + + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -501,38 +626,45 @@ The `DataTemplateSelector` can choose a DataTemplate at runtime based on the val {% tabs %} {% highlight xaml %} - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - - - - - + + + + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + public class MonthViewAppointmentTemplateSelector : DataTemplateSelector { public DataTemplate CurrentDayAppointmentTemplate { get; set; } @@ -557,18 +689,24 @@ You can customize the default appearance of more appointments indicator in a mon {% tabs %} {% highlight xaml %} - - - - - - - - - - - - + + + + + + + + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -579,15 +717,23 @@ You can customize the default appearance of more appointments indicator in a mon To enhance interaction with a scheduler's appointments, you can customize the spacing between appointments and the right border of their cells using the [CellRightPadding](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.MonthViewSettings.html#Syncfusion_UI_Xaml_Scheduler_MonthViewSettings_CellRightPadding) property of [MonthViewSettings](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.MonthViewSettings.html) in the [SfScheduler](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html). {% tabs %} -{% highlight xaml hl_lines="4" %} - - - - - -{% endhighlight %} -{% highlight c# hl_lines="2" %} +{% highlight xaml hl_lines="8" %} + + + + + + + + + +{% endhighlight %} +{% highlight c# hl_lines="4" %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.MonthViewSettings.CellRightPadding = 30; {% endhighlight %} diff --git a/wpf/Scheduler/Overview.md b/wpf/Scheduler/Overview.md index c929b7776..aa95648fa 100644 --- a/wpf/Scheduler/Overview.md +++ b/wpf/Scheduler/Overview.md @@ -47,4 +47,4 @@ The [WPF Scheduler](https://www.syncfusion.com/scheduler-sdk/wpf-scheduler) cont **LoadOnDemand** - The SfScheduler supports loading appointments on-demand with a loading indicator and improves the loading performance when there are appointments ranging over multiple years. -N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. Looking for the full WPF Scheduler component overview, features, pricing, and documentation? Visit the [WPF Scheduler](https://www.syncfusion.com/wpf-controls/scheduler) page. +N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. Looking for the full WPF Scheduler component overview, features, pricing, and documentation? Visit the [WPF Scheduler](https://www.syncfusion.com/wpf-controls/scheduler) page. To get started, see [Getting started](getting-started.md). diff --git a/wpf/Scheduler/Reminder.md b/wpf/Scheduler/Reminder.md index 0a25b7b31..169236169 100644 --- a/wpf/Scheduler/Reminder.md +++ b/wpf/Scheduler/Reminder.md @@ -14,10 +14,16 @@ Reminder can be set by setting the [EnableReminder](https://help.syncfusion.com/ {% tabs %} {% highlight xaml %} - - + + + + + + {% endhighlight %} {% endtabs %} @@ -57,15 +63,24 @@ Configure the appointment reminders with [SchedulerReminder](https://help.syncfu {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; +. . . + public class ReminderViewModel { ... @@ -92,6 +107,9 @@ N> [View sample in GitHub](https://github.com/SyncfusionExamples/appointment-rem {% tabs %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; +. . . + /// /// Represents custom data properties. /// @@ -125,6 +143,9 @@ The [ReminderMapping](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Sche {% tabs %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; +. . . + /// /// Represents custom data properties. /// @@ -149,31 +170,40 @@ Map the properties of the `Meeting` class with the [SfScheduler](https://help.sy {% tabs %} {% highlight xaml %} - - - - - - - - - + + + + + + + + + + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; +. . . + public class ReminderViewModel { ... @@ -202,6 +232,8 @@ Scheduler notifies by the [ReminderAlertOpening](https://help.syncfusion.com/cr/ {% tabs %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + scheduler.ReminderAlertOpening += Scheduler_ReminderAlertOpening; private void Scheduler_ReminderAlertOpening(object sender, ReminderAlertOpeningEventArgs e) @@ -226,6 +258,8 @@ The [ReminderAlertActionChangedEventArgs](https://help.syncfusion.com/cr/wpf/Syn {% tabs %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ReminderAlertActionChanged += OnScheduleReminderAlertActionChanged; private void OnScheduleReminderAlertActionChanged(object sender, Syncfusion.UI.Xaml.Scheduler.ReminderAlertActionChangedEventArgs e) @@ -247,4 +281,4 @@ private void OnScheduleReminderAlertActionChanged(object sender, Syncfusion.UI.X {% endhighlight %} {% endtabs %} -N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. +N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. For information on appointment data binding, see [Appointments](appointments.md). diff --git a/wpf/Scheduler/Resource-Grouping.md b/wpf/Scheduler/Resource-Grouping.md index ce3314186..e29574c53 100644 --- a/wpf/Scheduler/Resource-Grouping.md +++ b/wpf/Scheduler/Resource-Grouping.md @@ -19,6 +19,7 @@ N>No resource view will be displayed, even when a resource is added using the `R {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; // Adding schedule resource in the scheduler resource collection. var ResourceCollection = new ObservableCollection() @@ -28,11 +29,17 @@ var ResourceCollection = new ObservableCollection() new SchedulerResource() { Name = "James William", Background = new SolidColorBrush(Colors.Yellow), Id = "1002" }, }; -// Adding the scheduler resource collection to the schedule resources of SfSchedule. +// Adding the scheduler resource collection to the schedule resources of SfScheduler. schedule.ResourceCollection = ResourceCollection; {% endhighlight %} {% highlight xaml %} - + + + + + {% endhighlight %} {% endtabs %} @@ -50,9 +57,17 @@ The `ResourceGroupType` is set to `Resource` to group the number of dates under {% tabs %} {% highlight xaml %} - + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + schedule.ViewType = SchedulerViewType.Week; schedule.ResourceGroupType = ResourceGroupType.Resource; {% endhighlight %} @@ -66,9 +81,17 @@ The `ResourceGroupType` is set to `Date` to group the number of resources under {% tabs %} {% highlight xaml %} - + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + schedule.ViewType = SchedulerViewType.Week; schedule.ResourceGroupType = ResourceGroupType.Date; {% endhighlight %} @@ -82,6 +105,8 @@ Appointments associated with scheduler `ResourceCollection` will be displayed wh {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + ScheduleAppointmentCollection scheduleAppointmentCollection = new ScheduleAppointmentCollection(); var appointments = new ScheduleAppointment() { @@ -107,6 +132,7 @@ Multiple resources can share the same events or appointments. If the appointment {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; ScheduleAppointmentCollection scheduleAppointmentCollection = new ScheduleAppointmentCollection(); var appointments = new ScheduleAppointment() @@ -146,6 +172,9 @@ Create a custom class `Employee` with mandatory fields `Name`, `Id`, `Foreground {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; +. . . + public class Employee { public string Name {get; set;} @@ -169,13 +198,21 @@ Map the properties of `Employee` class with `SfScheduler` control using Schedule {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Schedule data mapping for custom resource. ResourceMapping resourceMapping = new ResourceMapping(); resourceMapping.Name = "Name"; @@ -192,6 +229,8 @@ Add the resources of `Employee` collection that can be assigned to the scheduler {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + // Creating and Adding custom resource in scheduler resource collection. var ResourceCollection = new ObservableCollection() { @@ -212,6 +251,9 @@ Associate scheduler `ResourceMapping` to the custom appointment by mapping resou {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; +. . . + /// /// Represents the custom data properties. /// @@ -230,17 +272,25 @@ N> Inherit this class from the `INotifyPropertyChanged` for dynamic changes in c Map those properties of `Meeting` class to schedule appointment by using `AppointmentMapping` properties. {%tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + //Schedule data mapping for custom appointments AppointmentMapping dataMapping = new AppointmentMapping(); dataMapping.Subject = "EventName"; @@ -256,6 +306,8 @@ Schedule meetings for a Resource by setting `From`, `To` and `Resources` of Meet {%tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Meeting meeting = new Meeting (); meeting.From = new DateTime(2020, 07, 01, 10, 0, 0); meeting.To = meeting.From.AddHours(1); @@ -279,13 +331,21 @@ Customize the resource header size in the day, week, workweek, timeline day, tim {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + schedule.DaysViewSettings.ResourceHeaderSize = 100; {% endhighlight %} {% endtabs %} @@ -296,13 +356,21 @@ schedule.DaysViewSettings.ResourceHeaderSize = 100; {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + schedule.TimelineViewSettings.ResourceHeaderSize = 80; {% endhighlight %} {% endtabs %} @@ -312,15 +380,23 @@ The resource row height gets auto-adjusted based on the number of overlapping ap {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + schedule.TimelineViewSettings.RowAutoHeight = true; {% endhighlight %} {% endtabs %} @@ -338,15 +414,23 @@ You can customize the minimum row height of visible resources in timeline day, t {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + schedule.TimelineViewSettings.RowMinHeight = 100; {% endhighlight %} {% endtabs %} @@ -364,13 +448,21 @@ N> If the visible resource count exceeds the schedule `ResourceCollection` count `DaysViewSettings` applicable for `Day`, `Week` and `WorkWeek` views. By default, value of this property is set to 3. {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + schedule.DaysViewSettings.VisibleResourceCount = 2; {% endhighlight %} {% endtabs %} @@ -382,13 +474,21 @@ schedule.DaysViewSettings.VisibleResourceCount = 2; `TimelineViewSettings` applicable for timeline day, timeline week, timeline workweek and timeline month views. By default, value of this property is set to 3. {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + schedule.TimelineViewSettings.VisibleResourceCount = 2; {% endhighlight %} {% endtabs %} @@ -403,6 +503,7 @@ Special time region can be created based on the resources in day, week, workweek {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; Schedule.DaysViewSettings.SpecialTimeRegions.Add(new SpecialTimeRegion { @@ -430,6 +531,7 @@ The [SpecialTimeRegion](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Sc {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; this.schedule.TimelineViewSettings.SpecialTimeRegions.Add(new SpecialTimeRegion { @@ -458,40 +560,42 @@ Resource UI customization using a template and template selectors support. {% tabs %} {% highlight xaml %} - - - - - - - - - + + + + + + + + + + + + + - - - + + + + + //used to find Image Source and Name properties + + + + + + + + + + - - - -//used to find Image Source and Name properties - - - - - - - - - - - - - + {% endhighlight %} {% endtabs %} @@ -508,6 +612,9 @@ N>[View sample in GitHub](https://github.com/SyncfusionExamples/resource-view-su {% tabs %} {% highlight xaml %} + @@ -562,15 +669,16 @@ N>[View sample in GitHub](https://github.com/SyncfusionExamples/resource-view-su DisplayDate="{Binding DisplayDate}" ResourceHeaderTemplateSelector="{StaticResource resourceTemplateSelector}"> - + {% endhighlight %} {% endtabs %} - #### Creating a ResourceHeaderTemplateSelector {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; +. . . public class ResourceTemplateSelector : DataTemplateSelector { diff --git a/wpf/Scheduler/Time-Zone.md b/wpf/Scheduler/Time-Zone.md index 3b9666f60..02f5f769a 100644 --- a/wpf/Scheduler/Time-Zone.md +++ b/wpf/Scheduler/Time-Zone.md @@ -1165,6 +1165,8 @@ Use the [StartTime](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Schedu {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + var appointments = new ScheduleAppointmentCollection(); appointments.Add(new ScheduleAppointment() { @@ -1192,10 +1194,18 @@ Set the specific time zone to schedule using the [TimeZone](https://help.syncfus {% tabs %} {% highlight xaml %} - + + + + {% endhighlight %} {% highlight c#%} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.TimeZone = "Central America Standard Time"; {% endhighlight %} {% endtabs %} @@ -1212,4 +1222,4 @@ If you set scheduler’s `TimeZone` as `AUS Central Standard Time (Darwin)` and If you set scheduler’s `TimeZone` as `AUS Central Standard Time (Darwin)` and the appointment’s time zone is not set, then the appointment’s start time and end time value is converted from scheduler time zone to `UTC time zone` and the appointment’s start time will be saved at 10.30 PM. -N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. \ No newline at end of file +N> You can also explore our [WPF Scheduler example](https://github.com/syncfusion/wpf-demos) to know how to schedule and manage appointments through an intuitive user interface, similar to the Outlook calendar. For information on appointments, see [Appointments](appointments.md). \ No newline at end of file diff --git a/wpf/Scheduler/TimelineView.md b/wpf/Scheduler/TimelineView.md index d0f973c6a..aa1ab0e6f 100644 --- a/wpf/Scheduler/TimelineView.md +++ b/wpf/Scheduler/TimelineView.md @@ -15,6 +15,8 @@ Customize the interval of timeslots in the timeline views by using the [TimeInte {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.TimeInterval = new System.TimeSpan(0, 120, 0); {% endhighlight %} @@ -28,15 +30,23 @@ N> If the timeInterval value (in minutes) is modified, change the time labels fo Customize the interval width of timeslots in the Timeline views by setting the [TimeIntervalSize](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_TimeIntervalSize) property of `TimelineViewSettings.` This property will be applicable to all timeline views. By default, its value is fifty for the `TimelineDay,` `TimelineWeek,` and `TimelineWorkWeek` views and 150 for `TimelineMonth` view. {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.TimeIntervalSize = 120; {% endhighlight %} @@ -49,15 +59,23 @@ The default values for the [StartHour](https://help.syncfusion.com/cr/wpf/Syncfu {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.StartHour = 8; Schedule.TimelineViewSettings.EndHour = 15; @@ -79,14 +97,22 @@ Change the day's count of timeslots in the timeline view by setting the [DaysCou {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineDay; Schedule.TimelineViewSettings.DaysCount = 2; {% endhighlight %} @@ -99,8 +125,9 @@ Disable the interaction for certain dates in the scheduler `TimelineMonth` view {% tabs %} {% highlight c#%} -this.Schedule.ViewType = SchedulerViewType.Month; +using Syncfusion.UI.Xaml.Scheduler; +this.Schedule.ViewType = SchedulerViewType.Month; this.Schedule.BlackoutDates = GetBlackoutDates(); private ObservableCollection GetBlackoutDates() @@ -127,23 +154,31 @@ Restrict the user interaction such as selection and highlights specific regions Enable or disable the touch interaction of `SpecialTimeRegion` using the [CanEdit](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#Syncfusion_UI_Xaml_Scheduler_SpecialTimeRegion_CanEdit) property of `SpecialTimeRegion`. By default, its value is true. {% tabs %} {% highlight xaml %} - - - - - - - - - + + + + + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.SpecialTimeRegions.Add(new SpecialTimeRegion { @@ -170,24 +205,32 @@ This property only restricts the interaction on region and it does not restrict The recurring time region on a daily, weekly, monthly, or yearly interval. The recurring special time regions can be created by setting the [RecurrenceRule](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#Syncfusion_UI_Xaml_Scheduler_SpecialTimeRegion_RecurrenceRule) property in `SpecialTimeRegion`. {% tabs %} {% highlight xaml %} - - - - - - - - - + + + + + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineWorkWeek; Schedule.TimelineViewSettings.SpecialTimeRegions.Add(new SpecialTimeRegion { @@ -206,6 +249,7 @@ Schedule.TimelineViewSettings.SpecialTimeRegions.Add(new SpecialTimeRegion Delete any of occurrence that is an exception from the recurrence pattern time region by using the [RecurrenceExceptionDates](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#Syncfusion_UI_Xaml_Scheduler_SpecialTimeRegion_RecurrenceExceptionDates) property of `SpecialTimeRegion`. The deleted occurrence date will be considered as a recurrence exception date. {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; Schedule.ViewType = SchedulerViewType.TimelineWeek; DateTime recurrenceExceptionDates = new DateTime(2020, 07, 06, 10, 0, 0); DateTime recurrenceExceptionDates1 = new DateTime(2020, 07, 08, 10, 0, 0); @@ -233,39 +277,49 @@ Schedule.TimelineViewSettings.SpecialTimeRegions.Add(new SpecialTimeRegion The `SpecialTimeRegion` background color can be customized by using the [Background](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SpecialTimeRegion.html#Syncfusion_UI_Xaml_Scheduler_SpecialTimeRegion_Background) and [SpecialTimeRegionTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_SpecialTimeRegionTemplate) properties of `SpecialTimeRegion` that is used to customize the text style for the image of the `SpecialTimeRegion`. {% tabs %} {% highlight xaml %} - - - - - - - + + + + + + + + + {% endhighlight %} {% endtabs %} {% tabs %} {% highlight xaml %} - - - - - - - - - + + + + + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -275,14 +329,22 @@ The `SpecialTimeRegion` background color can be customized by using the [Backgro Scheduler time interval height can be adjusted based on screen height by changing the value of [TimeIntervalSize](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_TimeIntervalSize) property to -1. It will auto-fit to the screen height and width. {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.TimeIntervalSize = -1; {% endhighlight %} @@ -294,15 +356,23 @@ Schedule.TimelineViewSettings.TimeIntervalSize = -1; Customize the size of the time ruler view where the labels mentioning the time are placed by using the [TimeRulerSize](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_TimeRulerSize) property of `TimelineViewSettings.` This property will be applicable to `TimelineDay,` `TimelineWeek,` and `TimelineWorkWeek` views. {% tabs %} {% highlight xaml %} - - - - - - + + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.TimeRulerSize = 100; {% endhighlight %} @@ -314,6 +384,7 @@ Schedule.TimelineViewSettings.TimeRulerSize = 100; The [MinimumAppointmentDuration](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_MinimumAppointmentDuration) property in the `TimelineViewSettings` is to set an arbitrary height to appointments when it has a minimum duration in timeline view so that the subject can be readable. This property will not be applicable for the `TimelineMonth` view. {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.MinimumAppointmentDuration = new System.TimeSpan(0, 120, 0); {% endhighlight %} @@ -329,6 +400,7 @@ N> Customize the format for the labels mentioning the time, by setting the [TimeRulerFormat](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimeSlotViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimeSlotViewSettings_TimeRulerFormat) property of `TimelineViewSettings` in the `Scheduler`. This property will not be applicable for the `TimelineMonth` view. {% tabs %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.TimeRulerFormat = "hh mm"; Schedule.TimelineViewSettings.TimeInterval = new System.TimeSpan(0, 30, 0); @@ -348,14 +420,22 @@ Customize the default appearance of view header in the timeline views by setting Customize the date and day format of ViewHeader by using the `ViewHeaderDateFormat` and `ViewHeaderDayFormat` properties of `TimelineViewSettings`. {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.ViewHeaderDateFormat="dd/MMMM"; {% endhighlight %} @@ -366,14 +446,22 @@ Schedule.TimelineViewSettings.ViewHeaderDateFormat="dd/MMMM"; Customize the height of the ViewHeader in timeline views by setting `ViewHeaderHeight` property of `TimelineViewSettings` in `SfScheduler`. {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.ViewHeaderHeight = 100; {% endhighlight %} @@ -386,43 +474,53 @@ Customize the default appearance of view header by setting `ViewHeaderTemplate` {% tabs %} {% highlight xaml %} - - - - - - - - + + + + + + + + + + {% endhighlight %} {% endtabs %} {% tabs %} {% highlight xaml %} - - - - - + + + + + + + + + {% endhighlight %} {% endtabs %} @@ -432,15 +530,23 @@ Customize the default appearance of view header by setting `ViewHeaderTemplate` Customize the height of the appointment in `TimelineView` using the [TimelineAppointmentHeight](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimelineViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimelineViewSettings_TimelineAppointmentHeight) property of the `TimelineViewSettings`. By default, it's value is fifty for the `TimelineWeek,` `TimelineWorkWeek,` and `TimelineDay` views and twenty for the `TimelineMonth` view. {% tabs %} {% highlight xaml %} - - - - - - + + + + + + + + + + {% endhighlight %} {% highlight c# %} +using Syncfusion.UI.Xaml.Scheduler; + Schedule.ViewType = SchedulerViewType.TimelineWeek; Schedule.TimelineViewSettings.TimelineAppointmentHeight = 100; {% endhighlight %} @@ -453,15 +559,23 @@ Schedule.TimelineViewSettings.TimelineAppointmentHeight = 100; To enhance interaction with a scheduler's appointments, you can customize the spacing between appointments and the bottom border of their cells using the [CellBottomPadding](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimelineViewSettings.html#Syncfusion_UI_Xaml_Scheduler_TimelineViewSettings_CellBottomPadding) property of [TimelineViewSettings](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.TimelineViewSettings.html) in the [SfScheduler](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html). {% tabs %} -{% highlight xaml hl_lines="4" %} - + + - - - - + + + + + + {% endhighlight %} -{% highlight c# hl_lines="2" %} +{% highlight c# hl_lines="4" %} +using Syncfusion.UI.Xaml.Scheduler; + this.Schedule.ViewType = SchedulerViewType.TimelineWeek; this.Schedule.TimelineViewSettings.CellBottomPadding = 30; {% endhighlight %}