Category / Section
How to add extra fields in the default appointment editor?
12 mins read
You can add extra fields in the default Appointment Editor by overriding the default style of the Appointment Editor. This article explains how to add extra fields in the default Appointment Editor.
To override the Appointment Editor in the SfSchedule
Create a WinRT application and add the SfSchedule control as given in the following code example.
XAML
<Grid Background="WhiteSmoke"> <Schedule:SfSchedule x:Name="schedule1" ScheduleType="Week" > </Schedule:SfSchedule> </Grid>
To add extra fields in the Appointment Editor
Add extra fields to the default Appointment Editor by overriding the default Appointment Editor as given in the following code example.
XAML
<Page.Resources>
<Schedule:BoolToVisibilityConverter x:Key="BooltoVis"/>
<Schedule:BoolToBoolConverter x:Key="BooltoBool"/>
<Schedule:ValueToIndexConverter x:Key="ValuetoIndex"/>
<Style TargetType="Schedule:ScheduleAppointmentEditor">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType ="Schedule:ScheduleAppointmentEditor">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CheckStates">
<VisualState x:Name="MouseDown">
<Storyboard x:Name="down">
<DragItemThemeAnimation TargetName="StartGrid" Duration="00:00:0.5" FillBehavior="Stop" />
</Storyboard>
</VisualState>
<VisualState x:Name ="MouseUp">
<Storyboard x:Name="up">
<PointerUpThemeAnimation Duration="00:00:0.1" TargetName="StartStackPanel" />
</Storyboard>
</VisualState>
<VisualState x:Name="StartOnClick">
<Storyboard x:Name="Storyboard1">
<PopInThemeAnimation Duration="00:00:1" FromVerticalOffset="-20" FromHorizontalOffset="0" TargetName="StartStackPanel" />
</Storyboard>
</VisualState>
<VisualState x:Name="EndOnClick">
<Storyboard x:Name="Storyboard2">
<PopInThemeAnimation Duration="00:00:1" FromVerticalOffset="-20" FromHorizontalOffset="0" TargetName="EndStackPanel" />
</Storyboard>
</VisualState>
<VisualState x:Name="RecurrenceOn">
<Storyboard x:Name="Storyboard4">
<PopInThemeAnimation Duration="00:00:1" FromVerticalOffset="-20" FromHorizontalOffset="0" TargetName="RecursiveStackPanel" />
</Storyboard>
</VisualState>
<VisualState x:Name="MouseLeft">
<Storyboard x:Name="Storyboard3">
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="7.5*"/>
<ColumnDefinition Width="345"/>
</Grid.ColumnDefinitions>
<Grid x:Name="EmptySpace">
<Rectangle Grid.Column="0" Fill="Transparent" Opacity="0.3" />
</Grid>
<Grid Grid.Column="1" >
<Grid Background="Black">
<Grid.RowDefinitions>
<RowDefinition Height="70"/>
<RowDefinition Height="16*"/>
<RowDefinition Height="2*"/>
<RowDefinition Height="1*" />
</Grid.RowDefinitions>
<Grid Grid.Row="0" Margin="40,25,40,0">
<TextBlock Text="{Binding [AddEvent],RelativeSource={RelativeSource TemplatedParent}}" FontSize="30"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
FontFamily="Segoe UI" FontWeight="Light" />
</Grid>
<Grid Grid.Row="1">
<ScrollViewer x:Name="ScrollView" ScrollViewer.VerticalScrollBarVisibility="Auto" ZoomMode="Disabled" Margin="0,5,0,0" >
<StackPanel>
<StackPanel Margin="40,5,40,0">
<StackPanel Visibility="{Binding IsWarningMsgVisible, RelativeSource={RelativeSource TemplatedParent}}">
<TextBlock Text="Appointment's EndTime is less than StartTime. Please check With the Start Time and End Time."
TextWrapping="Wrap" Width="auto" Height="auto" FontSize="13" Foreground="Red"
/>
</StackPanel>
</StackPanel>
<StackPanel Margin="0,0,0,30" >
<syncfusion:SfTextBoxExt x:Name="Subject" IsReadOnly="{Binding EditedAppointment.ReadOnly}"
Watermark="{Binding [Subject], RelativeSource={RelativeSource TemplatedParent}}"
Height="30" Margin="40,20,60,0" Background="White" BorderBrush="#FFB2B2B2"
TextWrapping="NoWrap" Foreground="#FF454545" FontSize="15" FontFamily="Segoe UI"
FontWeight="Normal"
Text="{Binding EditedAppointment.Subject, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
HorizontalAlignment="Stretch"/>
<syncfusion:SfTextBoxExt x:Name="Notes" IsReadOnly="{Binding EditedAppointment.ReadOnly}"
Watermark="{Binding [Notes], RelativeSource={RelativeSource TemplatedParent}}"
Height="90" Margin="40,20,60,0" Background="White" BorderBrush="#FFB2B2B2"
TextWrapping="Wrap" AcceptsReturn="True" ScrollViewer.VerticalScrollBarVisibility="Auto"
Foreground="#FF454545" FontSize="15" FontFamily="Segoe UI" FontWeight="Normal"
Text="{Binding EditedAppointment.Notes, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
HorizontalAlignment="Stretch"/>
<Border x:Name="StartBorder" BorderThickness="0" IsHitTestVisible="{Binding EditedAppointment.ReadOnly, Mode=OneWay, Converter={StaticResource BooltoBool}}" Background="Black" Height="30" Width="auto" Margin="0,10,0,0">
<Grid x:Name="StartGrid" Margin="5,5,0,0" Background="Black" >
<Border x:Name="StartBorder1" Background="Black" >
<TextBlock Height="30" Width="auto" Margin="35,0,60,0" FontSize="15" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" FontFamily="Segoe UI" FontWeight="Normal">
<Run Text="{Binding [Start],RelativeSource={RelativeSource TemplatedParent}}"/>
<Run Text=" - "/>
<Run Text="{Binding start, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"/>
</TextBlock>
</Border>
</Grid>
</Border>
<StackPanel x:Name="StartStackPanel" Background="Black" Visibility="{Binding Path=StartStackPanelVisibility, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}">
<syncfusion:SfDatePicker AccentBrush ="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}"
Value="{Binding start, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" Width="244"
FontFamily="Segoe UI" FontWeight="Normal" FormatString="MMMM - d - dddd - yyyy" Background ="#FFB2B2B2"
BorderBrush="#FFB2B2B2" x:Name="Startdate" Height="30" BorderThickness="2"
HorizontalAlignment="Stretch" Margin="0,20,0,0"/>
<Grid Margin="0,20,0,0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<syncfusion:SfTimePicker AccentBrush ="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}"
Value="{Binding start, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
FontFamily="Segoe UI" FontWeight="Normal" FormatString="hh : mm tt" Background ="#FFB2B2B2"
IsEnabled="{Binding EndDateEnable, RelativeSource={RelativeSource TemplatedParent}}" SelectorFormatString="h:m:t"
x:Name="Starttime" Height="30" Margin="50,0,20,0"
HorizontalAlignment="Stretch" BorderThickness="0"/>
<CheckBox x:Name="AllDay" Height="30" Width="auto" Grid.Column="1" FontSize="15" FontFamily="Segoe UI"
Content="{Binding [All_Day], RelativeSource={RelativeSource TemplatedParent}}" FontWeight="Normal"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
IsChecked="{Binding AllDay, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"/>
</Grid>
<ComboBox ItemsSource="{Binding TimeZoneCollection, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
DisplayMemberPath="TimeZoneValue" SelectedItem="{Binding StartTimeZone, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
x:Name="starttimezone" Height="30" Margin="50,20,50,20" Background ="#FFB2B2B2" BorderThickness="0"
HorizontalAlignment="Stretch"/>
</StackPanel>
<Border x:Name="EndBorder" BorderThickness="0" IsHitTestVisible="{Binding EditedAppointment.ReadOnly, Mode=OneWay, Converter={StaticResource BooltoBool}}" Background="Black" Height="30" Width="auto" Margin="0,10,0,0">
<Grid x:Name="EndGrid" Margin="5,5,0,0" >
<Border Background="Black" >
<TextBlock Height="30" Width="auto" Margin="35,0,60,0" FontSize="15" FontFamily="Segoe UI" FontWeight="Normal"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" >
<Run Text="{Binding [End],RelativeSource={RelativeSource TemplatedParent}}"/>
<Run Text=" - "/>
<Run Text="{Binding end, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"/>
</TextBlock>
</Border>
</Grid>
</Border>
<StackPanel x:Name="EndStackPanel" Background="Black" Visibility="{Binding Path=EndStackPanelVisibility, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}">
<syncfusion:SfDatePicker AccentBrush ="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}"
Value="{Binding end, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
FontFamily="Segoe UI" FontWeight="Normal" FormatString="MMMM - d - dddd - yyyy"
Background ="#FFB2B2B2" BorderBrush="#FFB2B2B2" x:Name="Enddate" Height="30" Width="244"
HorizontalAlignment="Stretch" Margin="0,20,0,0" BorderThickness="2"/>
<Grid Margin="0,20,0,0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<syncfusion:SfTimePicker AccentBrush ="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}"
Value="{Binding end, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
FontFamily="Segoe UI" FontWeight="Normal" FormatString="hh : mm tt" Background ="#FFB2B2B2"
IsEnabled="{Binding EndDateEnable, RelativeSource={RelativeSource TemplatedParent}}" SelectorFormatString="h:m:t"
BorderBrush="#FFB2B2B2" x:Name="Endtime" Height="30" HorizontalAlignment="Stretch"
BorderThickness="0" Margin="50,0,20,0" />
<CheckBox x:Name="AllDay1" Height="30" Width="auto"
Content="{Binding [All_Day], RelativeSource={RelativeSource TemplatedParent}}" FontSize="15"
FontFamily="Segoe UI" FontWeight="Normal" Grid.Column="1"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
IsChecked="{Binding AllDay, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"/>
</Grid>
<ComboBox Margin="50,20,50,20"
ItemsSource="{Binding TimeZoneCollection, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
DisplayMemberPath="TimeZoneValue"
SelectedItem="{Binding EndTimeZone, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
x:Name="endtimezone" Height="30" Background ="#FFB2B2B2" BorderThickness="0"/>
</StackPanel>
<syncfusion:SfTextBoxExt x:Name="Location" Margin="40,10,60,10" FontWeight="Normal" HorizontalAlignment="Stretch"
Watermark="{Binding [Location],RelativeSource={RelativeSource TemplatedParent}}"
Height="30" Background="White" BorderThickness="0" FontSize="15" FontFamily="Segoe UI"
Foreground="#FF454545" IsReadOnly="{Binding EditedAppointment.ReadOnly}"
Text="{Binding EditedAppointment.Location, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}" />
<StackPanel x:Name="RecurrencePanel" Visibility="{Binding IsRecurrenceTypeEnabled, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooltoVis}}">
<Border x:Name="RecurrsiveBorder" Background="Black" >
<ToggleSwitch x:Name="isRecursive" TabIndex="1" OffContent="{Binding [RecurrenceDisabled],RelativeSource={RelativeSource TemplatedParent}}" OnContent="{Binding [RecurrenceEnabled],RelativeSource={RelativeSource TemplatedParent}}"
IsOn="{Binding EditedAppointment.IsRecursive, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" IsEnabled="{Binding EditedAppointment.ReadOnly, Mode=OneWay, Converter={StaticResource BooltoBool}}"
ManipulationMode="Rotate" Margin="35,-5,60,0" FontWeight="Normal" FontSize="15" FontFamily="Segoe UI"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"/>
</Border>
<StackPanel Background="#34000000" x:Name="RecursiveStackPanel" IsHitTestVisible="{Binding EditedAppointment.ReadOnly, Mode=OneWay, Converter={StaticResource BooltoBool}}" Visibility="{Binding Path=IsOn, ElementName=isRecursive, Converter={StaticResource BooltoVis}}">
<Grid Margin="40,0,20,20" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<RadioButton x:Name="RecurrenceOptionDaily" GroupName="RecOption" Content="{Binding [Daily],RelativeSource={RelativeSource TemplatedParent}}"
FontSize="12" IsChecked="{Binding RecurrenceDaily, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" />
<RadioButton x:Name="RecurrenceOptionWeekly" Grid.Column="1" GroupName="RecOption" Content="{Binding [Weekly],RelativeSource={RelativeSource TemplatedParent}}"
FontSize="12" IsChecked="{Binding RecurrenceWeekly, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" />
</Grid>
<Grid Margin="40,0,20,20" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<RadioButton x:Name="RecurrenceOptionMonthly" GroupName="RecOption" Content="{Binding [Monthly],RelativeSource={RelativeSource TemplatedParent}}"
FontSize="12" IsChecked="{Binding RecurrenceMonthly, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" />
<RadioButton x:Name="RecurrenceOptionYearly" Grid.Column="1" GroupName="RecOption" Content="{Binding [Yearly],RelativeSource={RelativeSource TemplatedParent}}"
FontSize="12" IsChecked="{Binding RecurrenceYearly, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" />
</Grid>
<StackPanel>
<Rectangle Height="1" StrokeThickness=".5" HorizontalAlignment="Stretch" Stroke="Gray" Opacity="0.5" Margin="0,0,20,20" />
</StackPanel>
<StackPanel x:Name="DailyStackPanel" Margin="40,0,20,20"
Visibility="{Binding Path=IsChecked, ElementName=RecurrenceOptionDaily, Converter={StaticResource BooltoVis}, Mode=TwoWay}" >
<StackPanel Orientation="Vertical" >
<StackPanel Orientation="Horizontal">
<RadioButton x:Name="EveryXDays" GroupName="RecSubDaily" Content="{Binding [Every],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
FontSize="12" IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsDailyEveryNDays, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"/>
<!--<TextBox Margin="20,0,0,0" x:Name="EveryDayGap" Height="30" Width="auto" Text="1" FontSize="18"/>-->
<syncfusion:SfNumericUpDown Minimum="1" Height="30" x:Name="EveryDayGap"
Maximum="1000" FormatString="0" Background ="#FFB2B2B2"
AutoReverse="false" Margin="5,0" Value="{Binding EditedAppointment.RecurrenceProperites.DailyNDays, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"
AccentBrush="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}" />
<TextBlock Margin="5,20,10,5" Text="{Binding [Day(s)],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Height="30" Width="auto" FontSize="12" VerticalAlignment="Center"/>
</StackPanel>
<StackPanel Orientation="Horizontal">
<RadioButton x:Name="EveryWeekDay" GroupName="RecSubDaily" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Content="{Binding [EveryWeekDays],RelativeSource={RelativeSource TemplatedParent}}"
FontSize="12" IsChecked="{Binding ElementName=EveryXDays, Path=IsChecked, Mode=TwoWay, Converter={StaticResource BooltoBool}}"/>
</StackPanel>
</StackPanel>
</StackPanel>
<StackPanel x:Name="WeeklyStackPanel" Margin="40,0,20,20"
Visibility="{Binding Path=IsChecked, ElementName=RecurrenceOptionWeekly, Converter={StaticResource BooltoVis}, Mode=TwoWay}" >
<StackPanel Orientation="Vertical" >
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding [RecurEvery],RelativeSource={RelativeSource TemplatedParent}}" FontSize="12" Margin="0,30" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" />
<syncfusion:SfNumericUpDown Minimum="1" Height="30" x:Name="EveryWeekGap"
Maximum="1000" FormatString="0" Background ="#FFB2B2B2"
AutoReverse="false" Margin="5,0" Value="{Binding EditedAppointment.RecurrenceProperites.WeeklyEveryNWeeks, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"
AccentBrush="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}" />
<TextBlock Margin="5,20,10,5" Text="{Binding [Week(s)on],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Height="30" Width="auto" FontSize="12" VerticalAlignment="Center"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="20,5">
<CheckBox x:Name="sunday" Content="{Binding [Sunday],RelativeSource={RelativeSource TemplatedParent}}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" FontSize="12" Width="90" IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsWeeklySunday, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"/>
<CheckBox x:Name="monday" Content="{Binding [Monday],RelativeSource={RelativeSource TemplatedParent}}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" FontSize="12" Width="90" Margin="20,0,0,0" IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsWeeklyMonday, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="20,5">
<CheckBox x:Name="tuesday" Content="{Binding [Tuesday],RelativeSource={RelativeSource TemplatedParent}}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" FontSize="12" Width="90" IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsWeeklyTuesday, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"/>
<CheckBox x:Name="wednesday" Content="{Binding [Wednesday],RelativeSource={RelativeSource TemplatedParent}}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" FontSize="12" Width="90" Margin="20,0,0,0" IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsWeeklyWednesday, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="20,5">
<CheckBox x:Name="thursday" Content="{Binding [Thursday],RelativeSource={RelativeSource TemplatedParent}}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" FontSize="12" Width="90" IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsWeeklyThursday, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"/>
<CheckBox x:Name="friday" Content="{Binding [Friday],RelativeSource={RelativeSource TemplatedParent}}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" FontSize="12" Width="90" Margin="20,0,0,0" IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsWeeklyFriday, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="20,5">
<CheckBox x:Name="saturday" Content="{Binding [Saturday],RelativeSource={RelativeSource TemplatedParent}}" Width="90" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" FontSize="12" IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsWeeklySaturday, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"/>
</StackPanel>
</StackPanel>
</StackPanel>
<StackPanel x:Name="MonthlyStackPanel" Margin="40,0,20,20"
Visibility="{Binding Path=IsChecked, ElementName=RecurrenceOptionMonthly, Converter={StaticResource BooltoVis}, Mode=TwoWay}" >
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding [RecurEvery],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
FontSize="12" Margin="0,30"/>
<!--<TextBox Margin="20,0,0,0" x:Name="EveryWeekGap" Height="40" Width="50" Text="1" FontSize="18"/>-->
<syncfusion:SfNumericUpDown Minimum="1" Height="30" x:Name="EveryMonthGap"
Maximum="1000" FormatString="0" Background ="#FFB2B2B2"
AutoReverse="false" Margin="5,0" Value="{Binding EditedAppointment.RecurrenceProperites.MonthlyEveryNMonths, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"
AccentBrush="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}" />
<TextBlock Margin="5,20,10,5" Text="{Binding [Month(s)on],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Height="30" Width="auto" FontSize="12" VerticalAlignment="Center"/>
</StackPanel>
<StackPanel Orientation="Vertical" >
<StackPanel Orientation="Horizontal" Margin="0,0,0,10">
<RadioButton x:Name="EveryXMonths" GroupName="RecSubMontly" Content="{Binding [Day],RelativeSource={RelativeSource TemplatedParent}}" FontSize="12"
IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsMonthlySpecific, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBox x:Name="EveryMonthDay" BorderThickness="0" Background ="#FFB2B2B2" Height="30" Width="auto" FontSize="12" Margin="10,0,0,5"
SelectedIndex="{Binding EditedAppointment.RecurrenceProperites.MonthlySpecificMonthDay, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay, Converter={StaticResource ValuetoIndex}}">
<ComboBoxItem Content="1" />
<ComboBoxItem Content="2" />
<ComboBoxItem Content="3" />
<ComboBoxItem Content="4" />
<ComboBoxItem Content="5" />
<ComboBoxItem Content="6" />
<ComboBoxItem Content="7" />
<ComboBoxItem Content="8" />
<ComboBoxItem Content="9" />
<ComboBoxItem Content="10" />
<ComboBoxItem Content="11" />
<ComboBoxItem Content="12" />
<ComboBoxItem Content="13" />
<ComboBoxItem Content="14" />
<ComboBoxItem Content="15" />
<ComboBoxItem Content="16" />
<ComboBoxItem Content="17" />
<ComboBoxItem Content="18" />
<ComboBoxItem Content="19" />
<ComboBoxItem Content="20" />
<ComboBoxItem Content="21" />
<ComboBoxItem Content="22" />
<ComboBoxItem Content="23" />
<ComboBoxItem Content="24" />
<ComboBoxItem Content="25" />
<ComboBoxItem Content="26" />
<ComboBoxItem Content="27" />
<ComboBoxItem Content="28" />
<ComboBoxItem Content="29" />
<ComboBoxItem Content="30" />
<ComboBoxItem Content="31" />
</ComboBox>
</StackPanel>
<StackPanel Orientation="Horizontal">
<RadioButton x:Name="EveryMonth" GroupName="RecSubMontly" Content="{Binding [The],RelativeSource={RelativeSource TemplatedParent}}" FontSize="12"
IsChecked="{Binding ElementName=EveryXMonths, Path=IsChecked, Mode=TwoWay, Converter={StaticResource BooltoBool}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBox x:Name="Howmanyth" BorderThickness="0" Background ="#FFB2B2B2" Height="30" Width="auto" FontSize="12" Margin="10,0,0,0"
SelectedIndex="{Binding EditedAppointment.RecurrenceProperites.MonthlyNthWeek, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay, Converter={StaticResource ValuetoIndex}}">
<ComboBoxItem Content="{Binding [First],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Second],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Third],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Fourth],RelativeSource={RelativeSource TemplatedParent}}" />
</ComboBox>
<ComboBox x:Name="Weekday" BorderThickness="0" Background ="#FFB2B2B2" Height="30" Width="auto" FontSize="12" Margin="10,0,0,0"
SelectedIndex="{Binding EditedAppointment.RecurrenceProperites.MonthlyWeekDay, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}">
<ComboBoxItem Content="{Binding [Sunday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Monday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Tuesday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Wednesday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Thursday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Friday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Saturday],RelativeSource={RelativeSource TemplatedParent}}" />
</ComboBox>
</StackPanel>
</StackPanel>
</StackPanel>
<StackPanel x:Name="YearlyStackPanel" Margin="40,0,20,20"
Visibility="{Binding Path=IsChecked, ElementName=RecurrenceOptionYearly, Converter={StaticResource BooltoVis}, Mode=TwoWay}" >
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding [RecurEvery],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
FontSize="12" Margin="0,30"/>
<syncfusion:SfNumericUpDown Minimum="1" Height="30" x:Name="EveryYearGap"
Maximum="1000" FormatString="0" Background ="#FFB2B2B2"
AutoReverse="false" Margin="5,0" Value="{Binding EditedAppointment.RecurrenceProperites.YearlyEveryNYears, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"
AccentBrush="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}" />
<TextBlock Margin="5,20,10,5" Text="{Binding [Year(s)on],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Height="30" Width="auto" FontSize="12" VerticalAlignment="Center"/>
</StackPanel>
<StackPanel Orientation="Vertical" >
<StackPanel Orientation="Horizontal" Margin="0,0,0,10">
<RadioButton x:Name="SpecificDate" GroupName="RecSubYearly" Content="{Binding [on],RelativeSource={RelativeSource TemplatedParent}}" FontSize="12"
IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsYearlySpecific, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
/>
<ComboBox x:Name="YrSpMonth" BorderThickness="0" Background ="#FFB2B2B2" Height="30" Width="110" FontSize="12" Margin="15,0,0,0"
SelectedIndex="{Binding EditedAppointment.RecurrenceProperites.YearlySpecificMonth, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay, Converter={StaticResource ValuetoIndex}}">
<ComboBoxItem Content="{Binding [January],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [February],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [March],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [April],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [May],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [June],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [July],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [August],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [September],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [October],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [November],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [December],RelativeSource={RelativeSource TemplatedParent}}" />
</ComboBox>
<ComboBox x:Name="YrSpDate" BorderThickness="0" Background ="#FFB2B2B2" Height="30" Width="auto" FontSize="12" Margin="10,0,0,0"
SelectedIndex="{Binding EditedAppointment.RecurrenceProperites.YearlySpecificMonthDay, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay, Converter={StaticResource ValuetoIndex}}">
<ComboBoxItem Content="1" />
<ComboBoxItem Content="2" />
<ComboBoxItem Content="3" />
<ComboBoxItem Content="4" />
<ComboBoxItem Content="5" />
<ComboBoxItem Content="6" />
<ComboBoxItem Content="7" />
<ComboBoxItem Content="8" />
<ComboBoxItem Content="9" />
<ComboBoxItem Content="10" />
<ComboBoxItem Content="11" />
<ComboBoxItem Content="12" />
<ComboBoxItem Content="13" />
<ComboBoxItem Content="14" />
<ComboBoxItem Content="15" />
<ComboBoxItem Content="16" />
<ComboBoxItem Content="17" />
<ComboBoxItem Content="18" />
<ComboBoxItem Content="19" />
<ComboBoxItem Content="20" />
<ComboBoxItem Content="21" />
<ComboBoxItem Content="22" />
<ComboBoxItem Content="23" />
<ComboBoxItem Content="24" />
<ComboBoxItem Content="25" />
<ComboBoxItem Content="26" />
<ComboBoxItem Content="27" />
<ComboBoxItem Content="28" />
<ComboBoxItem Content="29" />
<ComboBoxItem Content="30" />
<ComboBoxItem Content="31" />
</ComboBox>
</StackPanel>
<StackPanel Orientation="Horizontal" >
<RadioButton x:Name="EveryYear" GroupName="RecSubYearly" Content="{Binding [The],RelativeSource={RelativeSource TemplatedParent}}" FontSize="12"
IsChecked="{Binding ElementName=SpecificDate, Path=IsChecked, Mode=TwoWay, Converter={StaticResource BooltoBool}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBox x:Name="YrHowmanyth" BorderThickness="0" Background ="#FFB2B2B2" Height="30" Width="110" FontSize="12" Margin="10,0,0,0"
SelectedIndex="{Binding EditedAppointment.RecurrenceProperites.YearlyNthWeek, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay, Converter={StaticResource ValuetoIndex}}">
<ComboBoxItem Content="{Binding [First],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Second],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Third],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Fourth],RelativeSource={RelativeSource TemplatedParent}}" />
</ComboBox>
<ComboBox x:Name="YrWeekday" BorderThickness="0" Background ="#FFB2B2B2" Height="30" Width="auto" FontSize="12" Margin="10,0,0,0"
SelectedIndex="{Binding EditedAppointment.RecurrenceProperites.YearlyWeekDay, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}">
<ComboBoxItem Content="{Binding [Sunday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Monday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Tuesday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Wednesday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Thursday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Friday],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [Saturday],RelativeSource={RelativeSource TemplatedParent}}" />
</ComboBox>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="25,0,0,5">
<TextBlock Margin="5,20,5,20" Text="{Binding [of],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Height="30" Width="auto" FontSize="12" VerticalAlignment="Center"/>
<ComboBox x:Name="YrMonth" Background ="#FFB2B2B2" BorderThickness="0" Height="30" Width="110" FontSize="12" Margin="15,0,5,20"
SelectedIndex="{Binding EditedAppointment.RecurrenceProperites.YearlyGenericMonth, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}">
<ComboBoxItem Content="{Binding [January],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [February],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [March],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [April],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [May],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [June],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [July],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [August],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [September],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [October],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [November],RelativeSource={RelativeSource TemplatedParent}}" />
<ComboBoxItem Content="{Binding [December],RelativeSource={RelativeSource TemplatedParent}}" />
</ComboBox>
</StackPanel>
</StackPanel>
</StackPanel>
<StackPanel>
<Rectangle Height="1" StrokeThickness=".5" HorizontalAlignment="Stretch" Opacity="0.5" Stroke="Gray" Margin="0,0,20,20" />
</StackPanel>
<StackPanel x:Name="RangeOfRecurrencePanel" Margin="40,0,20,20">
<StackPanel Grid.Column="0" x:Name="RecurrenceRange" Orientation="Vertical" HorizontalAlignment="Left">
<TextBlock Text="{Binding [Range_Of_Recurrence],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
FontSize="15" Height="30" Width="auto"/>
<StackPanel Orientation="Horizontal" >
<TextBlock Text="{Binding [Start_Date],RelativeSource={RelativeSource TemplatedParent}}" VerticalAlignment="Center"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
FontSize="12" Height="30" Margin="27,10,0,0" Width="auto" HorizontalAlignment="Center"/>
<!--<syncfusion:SfDatePicker Margin="15,0,0,0" HorizontalAlignment="Stretch" FontSize="12" VerticalAlignment="Top" Height="30" Width="auto" x:Name="RangeStartDate"/>-->
<syncfusion:SfDatePicker AccentBrush ="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}"
Value="{Binding EditedAppointment.RecurrenceProperites.RangeStartDate, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
FontFamily="Segoe UI" FontWeight="Normal" Background ="#FFB2B2B2"
BorderBrush="#FFB2B2B2" x:Name="RangeStartdate" Height="30" BorderThickness="2"
HorizontalAlignment="Stretch" Margin="3,0,0,0"/>
</StackPanel>
<StackPanel Orientation="Vertical" >
<StackPanel Orientation="Horizontal">
<RadioButton x:Name="EndAfter" GroupName="Range" Content="{Binding [End_After],RelativeSource={RelativeSource TemplatedParent}}" FontSize="12"
IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsRangeRecurrenceCount, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
/>
<!--<TextBox Margin="20,0,0,0" x:Name="EndAfterCount" Height="30" Width="auto" Text="1" FontSize="12"/>-->
<syncfusion:SfNumericUpDown Minimum="1" Height="30" x:Name="EndAfterCount"
Maximum="1000" FormatString="0" Value="{Binding EditedAppointment.RecurrenceProperites.RangeRecurrenceCount, RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}"
AutoReverse="false" Margin="3,0,2,0"
AccentBrush="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}" />
<TextBlock Margin="0,20,10,5" Text="{Binding [Recurrence],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Height="30" Width="auto" FontSize="12" VerticalAlignment="Center"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0,10,0,20" >
<RadioButton x:Name="EndBy" GroupName="Range" Content="{Binding [End_By],RelativeSource={RelativeSource TemplatedParent}}" FontSize="12"
IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsRangeEndDate, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" />
<!--<syncfusion:SfDatePicker Margin="10,0,0,10" FontSize="12" HorizontalAlignment="Stretch" Height="30" Width="auto" VerticalAlignment="Top" x:Name="RangeEndDate"/>-->
<syncfusion:SfDatePicker AccentBrush ="{Binding AppointmentEditorBackground, RelativeSource={RelativeSource TemplatedParent}}"
Value="{Binding EditedAppointment.RecurrenceProperites.RangeEndDate, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
FontFamily="Segoe UI" FontWeight="Normal" Background ="#FFB2B2B2"
BorderBrush="#FFB2B2B2" x:Name="RangeEnddate" Height="30" BorderThickness="2"
HorizontalAlignment="Stretch" Margin="18,0,0,0"/>
</StackPanel>
<StackPanel >
<RadioButton x:Name="NoEndDate" GroupName="Range" Content="{Binding [No_End_Date],RelativeSource={RelativeSource TemplatedParent}}" FontSize="12"
IsChecked="{Binding EditedAppointment.RecurrenceProperites.IsRangeNoEndDate, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}" />
</StackPanel>
</StackPanel>
</StackPanel>
</StackPanel>
</StackPanel>
</StackPanel>
<StackPanel x:Name="ShowMoreStackPanel" >
<TextBlock Height="30" Width="auto" Text="{Binding [Reminder],RelativeSource={RelativeSource TemplatedParent}}"
FontSize="15" FontFamily="Segoe UI" FontWeight="Normal"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Margin="40,10,60,0"/>
<ComboBox Height="30" x:Name="ReminderDeliveryTime" FontFamily="Segoe UI" FontWeight="Normal" Margin="40,0,60,0"
SelectedItem="{Binding ReminderTime, Mode=TwoWay}" IsEnabled="{Binding EditedAppointment.ReadOnly, Mode=OneWay, Converter={StaticResource BooltoBool}}"
BorderThickness="0" HorizontalAlignment="Stretch" Background="#FFB2B2B2" Foreground="#FF454545" >
</ComboBox>
<TextBlock Height="30" Width="auto" Text="{Binding [Status],RelativeSource={RelativeSource TemplatedParent}}"
FontSize="15" FontFamily="Segoe UI" FontWeight="Normal"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Margin="40,10,60,0"/>
<ComboBox Height="30" HorizontalAlignment="Stretch" FontFamily="Segoe UI" FontWeight="Normal" BorderThickness="0"
ItemsSource="{Binding AppointmentStatusCollection, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
IsEnabled="{Binding EditedAppointment.ReadOnly, Mode=OneWay, Converter={StaticResource BooltoBool}}"
DisplayMemberPath="Status" x:Name="Status" Margin="40,0,60,0" Background="#FFB2B2B2" Foreground="#FF454545"
SelectedItem="{Binding EditedAppointment.Status, RelativeSource={RelativeSource TemplatedParent}, Mode=OneWay}" >
</ComboBox>
<StackPanel Orientation="Horizontal" Margin="0,0,50,0">
<TextBlock Height="30" Width="auto" Text="IsReadOnly"
FontSize="15" FontFamily="Segoe UI" FontWeight="Normal"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Margin="40,20,20,0"/>
<CheckBox Height="30" Width="30" IsChecked="{Binding EditedAppointment.ReadOnly, Mode=TwoWay}" FontFamily="Segoe UI" Margin="0,20,0,0" FontWeight="Normal"
BorderThickness="0" HorizontalAlignment="Stretch" Foreground="#FF454545" >
</CheckBox>
</StackPanel>
</StackPanel>
</StackPanel>
</StackPanel>
</ScrollViewer>
</Grid>
<Grid Grid.Row="2" Margin="0,5,0,0">
<Grid.RowDefinitions>
<RowDefinition Height=".1*"/>
<RowDefinition Height="5*"/>
</Grid.RowDefinitions>
<Rectangle Grid.Row="0" Height="1" HorizontalAlignment="Stretch" Margin="15,0,15,0" Stroke="Gray" />
<!--<Grid Grid.Row="1" Margin="15,0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>-->
<StackPanel Orientation="Horizontal" Grid.Row="1" Margin="15,0" FlowDirection="RightToLeft">
<Button x:Name="Close" HorizontalAlignment="Stretch"
Width="100" Background="#FF4F4F4F"
Height="50" BorderThickness="2" BorderBrush="#FF2F2F2F"
Grid.Column="2" Grid.Row="1" Content="{Binding [Cancel],RelativeSource={RelativeSource TemplatedParent}}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}">
</Button>
<Button x:Name="Delete" Grid.Row="1" Background="#FF4F4F4F" BorderThickness="2" BorderBrush="#FF2F2F2F" Width="100"
Visibility="{Binding DeleteButtonVisibility, RelativeSource={RelativeSource TemplatedParent}}"
HorizontalAlignment="Stretch" Height="50" Content="{Binding [Delete],RelativeSource={RelativeSource TemplatedParent}}"
Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}"
Grid.Column="1" IsEnabled="{Binding EditedAppointment.ReadOnly, Mode=OneWay, Converter={StaticResource BooltoBool}}" >
</Button>
<Button x:Name="Done" HorizontalAlignment="Stretch"
Width="100" IsEnabled="{Binding EditedAppointment.ReadOnly, Mode=OneWay, Converter={StaticResource BooltoBool}}"
Height="50" Background="#FF4F4F4F"
BorderThickness="2" BorderBrush="#FF2F2F2F"
Grid.Column="0" Grid.Row="1" Content="{Binding [Save],RelativeSource={RelativeSource TemplatedParent}}" Foreground="{Binding AppointmentEditorForeground, RelativeSource={RelativeSource TemplatedParent}}">
</Button>
</StackPanel>
<!--</Grid>-->
</Grid>
</Grid>
</Grid>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Page.Resources>
Note:
In the above code, extra fields have been added to the default Appointment Editor by using the CheckBox. These fields are used to create the ReadOnly appointments. When IsChecked is set to true, then the corresponding appointment is changed as ReadOnly appointment. The following code example is used to create ReadOnly appointments.
XAML
<CheckBox Height="30" Width="30" IsChecked="{Binding EditedAppointment.ReadOnly, Mode=TwoWay}" FontFamily="Segoe UI" Margin="0,20,0,0" FontWeight="Normal"
BorderThickness="0" HorizontalAlignment="Stretch" Foreground="#FF454545" >
</CheckBox>
Now, you can create appointments and make it ReadOnly by using the Appointment Editor.
The following screenshot displays the default Appointment Editor with extra fields.
Sample Link: ScheduleAppointmentEditorOverrided_WinRT
