When the RadScheduleView has a recurring appointment with no end date for its recurrence in certain scenarios multiple errors can be try/catch-ed internally, which leads to a degraded performance. One such scenario is when a recurring appointment with no end date starts before the currently displayed time period, but does not have any occurrences before the displayed time period.
As a workaround, an end date can be added to the recurrence rule of recurring appointments.
When the IsGroupHeadersVirtualizationEnabled property is set to True, changing the VisibleDays of the active view definition from a higher value to a smaller one causes appointments to not be displayed.
To work this around, call the Measure method of RadScheduleView when the VisibleDays property changes:
public class RadScheduleViewExtensions
{
public static int GetVisibleDays(DependencyObject obj)
{
return (int)obj.GetValue(VisibleDaysProperty);
}
public static void SetVisibleDays(DependencyObject obj, int value)
{
obj.SetValue(VisibleDaysProperty, value);
}
public static readonly DependencyProperty VisibleDaysProperty =
DependencyProperty.RegisterAttached("VisibleDays", typeof(int), typeof(RadScheduleViewExtensions), new PropertyMetadata(0, OnVisibleDaysChanged));
private static void OnVisibleDaysChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
RadScheduleView scheduleView = (RadScheduleView)d;
if (scheduleView.IsLoaded)
{
scheduleView.Measure(Size.Empty);
Dispatcher.CurrentDispatcher.BeginInvoke(new Action(() =>
{
Size renderSize = scheduleView.RenderSize;
scheduleView.Measure(renderSize);
}), (DispatcherPriority)3);
}
}
}<telerik:RadScheduleView x:Name="scheduleView"
AppointmentsSource="{Binding Appointments}"
local:RadScheduleViewExtensions.VisibleDays="{Binding MyPropertyForVisibleDays}"
IsGroupHeadersVirtualizationEnabled="True">
<telerik:RadScheduleView.ViewDefinitions>
<telerik:DayViewDefinition VisibleDays="{Binding MyPropertyForVisibleDays, Mode=TwoWay}" />
</telerik:RadScheduleView.ViewDefinitions>
</telerik:RadScheduleView>
In the scenario where the Fluent theme is applied and the MonthViewDefinition'sAllowCustomAppointmentSize property is set to True, appointments with different heights may overlap the expand/collapse RadToggleButton when collapsed.
To work this around, extract the default GroupHeaderStyleSelector for the Fluent theme. Then, extract the Style with x:Key="MonthViewBottomLevelWeekGroupStyle" and modify the Padding property's value. Set this Style to the MonthViewBottomLevelWeekGroupStyle property of the extracted OrientedGroupHeaderStyleSelector (default GroupHeaderStyleSelector). Finally, set an instance of the modified style selector to the GroupHeaderStyleSelector property of RadScheduleView.
Issues when using IsGroupHeadersVirtualizationEnabled=true in timeline mode with different-sized resources:
- Drag&Drop of appointments ends up in the wrong place. The drop preview is also displayed incorrectly on the wrong "resource".- Placement of appointments when scrolling vertically. Landing visually in other "resources".
- The marking of the slots/cells under the mouse are shifted/wrong and thus also the selection of areas/slots.
Expected - all slots from the first select to the last clicked including should be selected.
Actual: Selection contains only the first slot plus the slot below it on the next row:
Expected:
Special Slots are added for every row.
Resizing the ScheduleView plus scrcollign can lead to doubly-rendered slots or missing slots in many rows.
The AppointmentItem element has a default value of Top for the VerticalContentAlignment property for the Windows 11 theme. In other themes, this property has a default value of Stretch.
To change it, create a Style with TargetType="AppointmentItem" and base it on the default AppointmentItemBaseStyle Style. On the newly created Style, set the VerticalContentAlignment property to Stretch (it is currently Top in the Windows11 theme). After that, change the default OrientedAppointmentItemStyleSelector so that each Style for its properties is based on the new Style, rather than the default one (AppointmentItemBaseStyle). Finally, set the custom OrientedAppointmentItemStyleSelector to the AppointmentStyleSelector property of RadScheduleView.
The following code snippet shows this suggestion's implementation:
xmlns:scheduleView="http://schemas.telerik.com/2008/xaml/presentation"
<Style x:Key="CustomAppointmentItemStyle" TargetType="scheduleView:AppointmentItem" BasedOn="{StaticResource AppointmentItemBaseStyle}">
<Setter Property="VerticalContentAlignment" Value="Stretch"/>
</Style>
<scheduleView:OrientedAppointmentItemStyleSelector x:Key="CustomAppointmentItemStyleSelector">
<scheduleView:OrientedAppointmentItemStyleSelector.AgendaViewStyle>
<Style TargetType="scheduleView:AppointmentItem" BasedOn="{StaticResource CustomAppointmentItemStyle}">
<Setter Property="Margin" Value="3 0 3 3"/>
</Style>
</scheduleView:OrientedAppointmentItemStyleSelector.AgendaViewStyle>
<scheduleView:OrientedAppointmentItemStyleSelector.MonthViewStyle>
<Style TargetType="scheduleView:AppointmentItem" BasedOn="{StaticResource CustomAppointmentItemStyle}">
<Setter Property="Margin" Value="2 3 1 0"/>
</Style>
</scheduleView:OrientedAppointmentItemStyleSelector.MonthViewStyle>
<scheduleView:OrientedAppointmentItemStyleSelector.HorizontalStyle>
<Style TargetType="scheduleView:AppointmentItem" BasedOn="{StaticResource CustomAppointmentItemStyle}"/>
</scheduleView:OrientedAppointmentItemStyleSelector.HorizontalStyle>
<scheduleView:OrientedAppointmentItemStyleSelector.VerticalStyle>
<Style TargetType="scheduleView:AppointmentItem" BasedOn="{StaticResource CustomAppointmentItemStyle}">
<Setter Property="Margin" Value="1"/>
<Setter Property="ResizeCursor" Value="SizeNS"/>
<Setter Property="Template" Value="{StaticResource AppointmentItemVerticalControlTemplate}"/>
</Style>
</scheduleView:OrientedAppointmentItemStyleSelector.VerticalStyle>
</scheduleView:OrientedAppointmentItemStyleSelector>
<Style TargetType="scheduleView:RadScheduleView" BasedOn="{StaticResource RadScheduleViewStyle}">
<Setter Property="AppointmentStyleSelector" Value="{StaticResource CustomAppointmentItemStyleSelector}"/>
</Style>
In AgendaView, you can see the start, end, and subject of each appointment. When All Day event is set to one appointment, its start and end time is not changed. The text can be changed to All Day Event.