Width of GroupHeaders

[Matthias]

Hi,

is there a way to prevent the vertical weekview from showing horizontal scrollbars by narrowing the groupheaders to the available space? I also realized, that when you put a lot of appointments into one slot, this group gets more space than the others.

What I want is, that every column has the exact same width and they use only the space available in the current window without horizontal scrolling.

Thanks

Matthias

[Yana]

Hi Matthias,

You could narrow the width of the GroupHeaders in WeekViewDefinition by customizing the GroupHeaderContentTemplateSelector of RadScheduleView,   you will need to set Width inside its HorizontalTemplate, please check the following snippet:

<telerik:GroupHeaderTemplateSelector x:Key="GroupHeaderContentTemplateSelector">
    <telerik:GroupHeaderTemplateSelector.HorizontalTemplate>
        <DataTemplate>
            <!--Change the Width here-->
            <TextBlock Text="{Binding Name, StringFormat={}{0:ddd}}" Margin="2" Width="25"/>
        </DataTemplate>
    </telerik:GroupHeaderTemplateSelector.HorizontalTemplate>
    <telerik:GroupHeaderTemplateSelector.VerticalTemplate>
        <DataTemplate>
            <ContentPresenter Content="{Binding FormattedName}" Margin="4" Height="16" VerticalAlignment="Top">
                <ContentPresenter.LayoutTransform>
                    <RotateTransform Angle="-90"/>
                </ContentPresenter.LayoutTransform>
            </ContentPresenter>
        </DataTemplate>
    </telerik:GroupHeaderTemplateSelector.VerticalTemplate>
</telerik:GroupHeaderTemplateSelector>

The approach is explained in details in Templating the GroupHeaders topic in our documentation.

This, however, will not prevent having wider groups when there are more appointments, you could set MinAppointmentWidth property of the ScheduleView to a smaller value in order to avoid this to some extent:

<telerik:RadScheduleView x:Name="radScheduleView"
    AppointmentsSource="{Binding Appointments}"
    GroupHeaderContentTemplateSelector="{StaticResource GroupHeaderContentTemplateSelector}"
    MinAppointmentWidth="5">

Hope this will be helpful.

Regards,
Yana
Telerik