What is MonthViewScrollBarVisibility and CalendarVisibility in RadScheduleView. Migrate from RadScheduler to RadScheduleView.

[Liem]

I am currently upgrading our customer Aplication from Telerik UI for WPF version 2010.3.1314 to Telerik UI for WPF version 2016.2.613. 

Currently I am upgrading RadScheduler to RadScheduleView in XAML file.

• ViewMode="Day"
  ===> ActiveViewDefinitionIndex="0"
  <telerik:RadScheduleView.ViewDefinitions>
      <telerik:DayViewDefinition/>
      <telerik:MonthViewDefinition/>
      <telerik:WeekViewDefinition/>
      <telerik:TimelineViewDefinition/>
  </telerik:RadScheduleView.ViewDefinitions>

• AppointmentTemplate="{StaticResource AppointmentTemplate}"
  ===> AppointmentItemContentTemplate="{StaticResource AppointmentTemplate}"

• SelectedViewStartDateChanged="_RadScheduler_SelectedViewStartDateChanged"
  ===> VisibleRangeChanged="_RadScheduler_SelectedViewStartDateChanged"
• SelectedTimeSlot="{Binding Path=SelectedTimeSlot,Mode=TwoWay}"
  ===> SelectedSlot="{Binding Path=SelectedTimeSlot,Mode=TwoWay}"
• IsReadOnly="True"
  ===> SpecialSlotsSource="{Binding EventSlots}"
• IsViewModeNavigationEnabled="True"
  ===> NavigationHeaderVisibility="Collapsed"
• MonthViewScrollBarVisibility="Collapsed"
  ===> ???
• CalendarVisibility="Visible"
  ===>???
• DisplayEmptyGroup="False"
  ===><telerik:RadScheduleView.GroupDescriptionsSource ShowNullGroup="False">
          <telerik:GroupDescriptionCollection />
          </telerik:RadScheduleView.GroupDescriptionsSource>
• ActiveViewDefinitionChanged="_RadScheduler_ActiveViewDefinitionChanged"
  ===>AppointmentSelectionChanged ="_RadScheduler_ActiveViewDefinitionChanged"
• TimeSlotTemplateSelector="{StaticResource SelectTemplate}"
  ===>AppointmentItemContentTemplateSelector="{StaticResource SelectTemplate}"

I cannot run the program yet because of a large number line of code in project.

Please help me to review my modify source code, expecialy how to migrate MonthViewScrollBarVisibility="Collapsed" and  alendarVisibility="Visible". 

Thanks,Liem.

[Yana]

Hello Liem,

Both properties do not have direct equivalent in RadScheduleView. 

Regarding MonthViewScrollBarVisibility - the MonthView definition is expanded according to the available space. Could you give us more details on the expected result, so we could try to find a suitable solution?

As to the CalendarVisibility - you could remove the whole header by setting NavigationHeaderVisibility or you could edit the ScheduleView template as explained in the Editing Control Templates topic and remove the needed elements.

I hope this will be helpful.

Regards,
Yana
Telerik by Progress

[Liem]

Hello Yana,

Thanks for replying my question.

I don't really figure out how to fix these two problems because I am new to using Telerik and I don't really undestand the project I am working in. That is a big project with nearly one million lines of code. We(my team) still have to wait for our customer to purchase Telerik Product. I think if we can setup Telerik UI for WPF version 2010.3.1314 that will be easy for us to understand how our customer product works. We asked a Telerik saler then they said if we purchased Telerik UI for WPF lastest version we can downloaded the old version.

In the meanwhile, I have some other problems while migrating our application from RadScheduler to RadScheduleView and I will keep posting new questions on this thread. Please help!

For this post, currently I have a lot of problem upgrading .xaml file, please take a look at this and correct me.

xmlns:telerikInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"

xmlns:telerikScheduler="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Scheduler"
==>xmlns:telerikScheduler="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.ScheduleView"

<ControlTemplate x:Key="DateTimePickerTemplate" TargetType="telerikScheduler:DateTimePicker">
==><ControlTemplate x:Key="DateTimePickerTemplate" TargetType="telerikInput:RadDateTimePicker">

Visibility="{TemplateBinding DatePickerVisibility}"
==>Visibility="{TemplateBinding Visibility}"

TimeSpanItems="{TemplateBinding TimeItems}"
==>TimeInterval="{TemplateBinding TimeInterval}"

<ControlTemplate x:Key="RecurrenceTemplate" TargetType="telerikScheduler:RecurrenceDialogWindow">
==><ControlTemplate x:Key="RecurrencePattern" TargetType="telerikScheduler:SchedulerDialog">

SelectedDateTime="{Binding Start, Mode=TwoWay}"
==>SelectedValue="{Binding Start, Mode=TwoWay}"

DatePickerVisibility="Collapsed"
==>Visibility = "Collapsed"???

telerikScheduler:StartEndDatePicker.EndPicker="{Binding ElementName=EndTimePicker}"
==>EndTime="{Binding ElementName=EndTimePicker}"

<Style TargetType="telerikScheduler:RecurrenceDialogWindow" x:Key="RecurrenceDialogWindowStyle"
==><Style TargetType="telerikScheduler:SchedulerDialog" x:Key="RecurrenceDialogWindowStyle"

Source code:

                        <!--2016.09.16 LiemTT Comment=><telerikScheduler:DateTimePicker-->
                        <telerikInput:RadDateTimePicker
                                Margin="5, 7, 0, 2"
                                Height="22"
                                SelectedValue="{Binding RecursUntil, Mode=TwoWay}"
                                TimePickerVisibility="Collapsed"
                                telerik:StyleManager.Theme="{StaticResource Theme}"/>



<!--2016.09.16 LiemTT Comment=><Style TargetType="telerikScheduler:RecurrenceDialogWindow" x:Key="RecurrenceDialogWindowStyle"-->
<Style TargetType="telerikScheduler:SchedulerWindow" x:Key="RecurrenceDialogWindowStyle"
     >
    <Setter Property="Template" Value="{StaticResource RecurrenceTemplate}" />
    <Setter Property="IconTemplate" Value="{StaticResource IconDataReccTemplate}"  />
    <Setter Property="Background" Value="{StaticResource DialogWindowBackground}" />
    <Setter Property="Title"  Value="AppointmentRecurrence" />
    <Setter Property="telerik:LocalizationManager.ResourceKey"  Value="AppointmentRecurrence" />
</Style>

 

<telerikInput:RadDateTimePicker
            Height="22"
            x:Name="StartDateTime"
            Grid.Row="2" Grid.Column="1"
            Margin="10,10,20,2"
            Style="{StaticResource FormElementStyle}"
            SelectedValue="{Binding Path=Start, Mode=TwoWay}"
            IsTabStop="False"
            IsEnabled="False"
            telerikScheduler:StartEndDatePicker.EndPicker="{Binding ElementName=EndDateTime}"
            telerik:StyleManager.Theme="{StaticResource Theme}" />

Please help me to correct me.

Thank you,
Liem

[Yana]

Hello Liem,

I understand, indeed, it would be easier to test the application with the older version first.

As to the current question - RadScheduler and RadScheduleView are separate controls with different implementations, so you cannot directly use the XAML from RadScheduler with RadScheduleView.

You will need to obtain the XAML of RadScheduleView, compare both and where needed, make some customizations in it. As a start, I'd suggest you take a look at Setting a Theme (Using Implicit Styles) topic and more specifically to Copy the XAML files in a dedicated folder in your application section, which describes how to copy the needed for RadScheduleView resources.

I hope this will be helpful.

Regards,
Yana
Telerik by Progress