Hide Week Number

[Tim]

How do I hide the week number for the RadDatePicker WPF control?

[Boyan]

Hi Tim,

Currently we don't support this feature, we will plan to include it in one of our future releases.

Best wishes,
Boyan
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Owen]

Are there plans to include this in the near future?  This is a rather important thing for us to be able to do.

[Miroslav]

Hi Owen,

Currently there is no property that can hide the week numbers, but you can edit the template and hide them from there. I have done that for you:

<Grid>
    <Grid.Resources>
        <SolidColorBrush x:Key="Header2ForegroundBrush" Color="#FF000000" />
        <SolidColorBrush x:Key="RadCalendarBorderLine" Color="#FF9199a4" />
    </Grid.Resources>

    <telerik:RadDatePicker VerticalAlignment="Center"
            HorizontalAlignment="Center">
        <telerik:RadDatePicker.MonthViewStyle>
            <Style TargetType="calendar:CalendarView">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="calendar:CalendarView">
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <ContentControl
                                        Visibility="{TemplateBinding HeaderVisibility}"
                                        Content="{TemplateBinding Header}"
                                        Foreground="{StaticResource Header2ForegroundBrush}"
                                        TextBlock.TextAlignment="Center"
                                        Margin="0 2 0 2" />

                                <!--Alternate rows and highlight -->
                                <Grid Grid.Row="1">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="6*" />
                                    </Grid.RowDefinitions>

                                    <Border
                                            BorderBrush="{StaticResource RadCalendarBorderLine}"
                                            BorderThickness="0 0 0 1"
                                            Background="#D2D4DA" />
                                </Grid>
                                <ItemsPresenter Grid.Row="1" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </telerik:RadDatePicker.MonthViewStyle>
        <telerik:RadDatePicker.MonthViewPanel>
            <ItemsPanelTemplate>
                <primitives:RadUniformGrid Columns="8" Rows="7"
                        FirstColumn="1" HideFirstColumn="True" />
            </ItemsPanelTemplate>
        </telerik:RadDatePicker.MonthViewPanel>
    </telerik:RadDatePicker>
</Grid>

You can of course extract this in a style and use it where needed. Here is the end result:



Hopefully this is what you need,

Best wishes,
Miroslav
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Ariel]

Hi,

I'm having the same problem, where can I find that template?.

[Boyan]

Hi Ariel,

You have to edit the template of the DatePicker in Blend Studio and then make the changes to the template as Miroslav showed below.

I think this will help. If you need more help please let me know.

Sincerely yours,
Boyan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Jane]

<telerik:RadDatePicker.MonthViewPanel>
            <ItemsPanelTemplate>
                <primitives:RadUniformGrid Columns="8" Rows="7"
                        FirstColumn="1" HideFirstColumn="True" />
            </ItemsPanelTemplate>
</telerik:RadDatePicker.MonthViewPanel>

Hi

We like to hide the weeek column as well. So we copy the above code in the xaml file.
However, it complaint about the "primitives: RadUniformGrid"
"primitives' is an undeclared namespace.
Which assembly we should include to solve this problem?
thx!
Jane

[Jane]

we found that we need add the following name space in the xaml file.

xmlns:primitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls"

 

 

 

 

[Jane]

we have following the above code to hide week number column.
However, we notice that after hiding the week number column, the first column (Sunday) is still keep as the deep gray color as the week number column. See the attachment.
Is there a way we can make the Sunday column as the rest of weekday column color (light gray).
thx!
jane

[Kaloyan]

Hello Jane,

As a better way to hide the week number is to set the AreWeekNumbersVisible property to false:

<telerik:RadDatePicker HorizontalAlignment="Center" VerticalAlignment="Center"
               AreWeekNumbersVisible="False" AreWeekNamesVisible="True" />

All the best,
Kaloyan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Ramin]

I am getting error "Type calendar:CalendarView was not found" in:

<Style TargetType="calendar:CalendarView">

[George]

Hi Ramin,

Thank you for contacting us.

Could you please specify where do you get this error?

We introduced our new RadDateTimePicker control this Q2 release and we made some required changes with date and time pickers. We tried to make as few changes to the controls as possible. Now RadDatePicker and RadTimePicker controls inherit RadDateTimePicker.

AreWeekNumbersVisible property is now Obsolete. If you want to disable the week numbers, for example, you could accomplish this by setting a Style for CalendarStyle property and in this style you could set the value for the property AreWeekNumbersVisible to False.

I hope this helps. I will be glad to assist you further.

Kind regards,
George
the Telerik team

[Ramin]

Hi George,

In RadDateTimePicker I need to hide Week numbers and I don't know how.
Can you show me how I can set CalendarStyle?
A code example will be very helpful

Thanks,
Ramin

[George]

Hi Ramin,

Attached you can find the sample. I hope this helps! 

Best wishes,
George
the Telerik team

[Ramin]

Hi George,
That's exactly what I wanted.
Thanks
Ramin

[Matthew]

This seems to work really well.

<style type="text/css">
    .rcViewSel,
    .rcRow th
     { display: none;}
</style>

[Jong]

NICE...this solution nailed it.. very simple yet very effective...