TimelineView: Vertical Alignment and Size of Appointments

[Robert]

Hi,

   Currently, the appointment items are aligned at the top of their group's row and do not fill the space.

   I would like to vertically align the appointment items to be centered, as well as make them slightly larger (height).

   Playing with styles, I noticed that VerticalAlignment property does not respond at all, and modifying Height and/or Margin on AppointmentItem will cause strange clip and layout issue.

   Any suggestion?

Robert.

[Dani]

Hi Robert,

All appointments are contained inside a Panel items control, so if you center the panel, the appointments will also be vertically centered. In the default control template of RadScheduleView you will find the following element:

<telerik:AppointmentsPanel x:Name="PART_ItemsHost" Grid.ColumnSpan="2" Grid.Column="0" Orientation="{TemplateBinding EffectiveOrientation}" Grid.Row="1"/>

You can insert VerticalAlignment="Center" in order to center the appointments.

If you wish to give your appointments a certain default size, you can play with the MinAppointmentWidth and MinAppointmentHeight properties to achieve the desired result.

I hope this helps.

All the best,
Dani
the Telerik team

[Simon]

Hi Dani,

I've found this old thread, looking for a solution for the exact same problem as Robert describes it.

Can you Dani - or one of your colleagues  - please explain more detailed where I have to insert the VerticalAlignment property? Do I have to replace the whole control template of RadScheduleView?

Greetings from Germany,

Simon

[Stenly]

Hello Simon,

The suggestion provided by my colleague is to extract the default control template of the RadScheduleView control and set the VerticalAlignment property to "Center" of the AppointmentsPanel element (with x:Name="PART_ItemsHost"). This is one way of setting the VerticalAlignment property of the element and additional information on how to extract and edit the default control templates of our controls can be found here.

An alternative approach would be to retrieve the AppointmentsPanel element by using the Visual Tree Helpers methods. For example, the retrieval of this element can be done on the Loaded event of the RadScheduleView control. The following code snippet shows a sample implementation of this suggestion:

private void RadScheduleView_Loaded(object sender, RoutedEventArgs e)
{
    RadScheduleView radScheduleView = (RadScheduleView)sender;

    AppointmentsPanel appointmentsPanel = radScheduleView.ChildrenOfType<AppointmentsPanel>().FirstOrDefault(x => x.Name == "PART_ItemsHost");

    if (appointmentsPanel != null)
    {
        appointmentsPanel.VerticalAlignment = VerticalAlignment.Center;
    }
}

Both of these approaches will allow you to set the VerticalAlignemt property, which will center the appointments on the AppointmentsPanel, rather than showing them at the top.

[Simon]

Thank you very much for your support, Stanly.

[Simon]

Hello Stanly,

thanks again for your support.

I'd like to give you some feedback. After discussion with my fellow developers, we decided to drop this little requirement, because it is not very critical for us and we think it is poor code style to either copy the whole template code or access the object via reflection at runtime.

If there are any plans to expose this property via API in the future, please let me know. We would be happy to implement this feature than.

Best regards,

Simon