Shared Multi-month Calendar won't Navigate

[Levi]

I have a shared multi-month calendar that i'm using with two date picker controls. For some reason it's won't navigate when using the arrows at the top of the Calendar to go back to prior months. I've tried setting all the allowNavigation properties I could find. Is there something wrong with my code?

 

 

<div style="margin-left: 18px; margin-top: 2px;">

 

 

<telerik:RadDatePicker ID="DpDateRangeStart" runat="server" Skin="Vista" SharedCalendarID="CalShared">

 

 

<DateInput ID="DateInput1" InvalidStyleDuration="100" Skin="Vista" runat="server">

 

 

</DateInput>

 

 

<DatePopupButton ImageUrl="../images/Calendar.png" HoverImageUrl="../images/Calendar.png" />

 

 

</telerik:RadDatePicker>

 

 

 

 

 

<telerik:RadDatePicker ID="DpDateRangeEnd" runat="server" Skin="Vista" SharedCalendarID="CalShared">

 

 

<DateInput ID="DateInput2" InvalidStyleDuration="100" Skin="Vista" runat="server">

 

 

</DateInput>

 

 

 

 

 

<DatePopupButton ImageUrl="../images/Calendar.png" HoverImageUrl="../images/Calendar.png" />

 

 

</telerik:RadDatePicker>

 

 

 

 

 

<div style="margin-top: 4px;">

 

 

<a href="#" onclick="javascript:ApplyDateFilter();return false;">Apply Date Range</a>

 

 

</div>

 

 

</div>

 

 

 

 

 

<telerik:RadCalendar ID="CalShared" runat="server" Skin="Vista" EnableMultiSelect="False"

 

 

MultiViewColumns="3" MultiViewRows="1" Width="168px" ShowRowHeaders="False" SelectedDate="">

 

 

</telerik:RadCalendar>

Thanks!

Levi

 

[Serrin]

Hey Levi,

So the most I can come up with is that by removing the MultiViewColums and MultiViewrows settings, the calendar functions as normal again.  No clue why those would have any effect on whether the buttons would work or not, but that's as far as I can get with figuring out what the issue might be.

[Levi]

Does Telerik have anything to add to this? Is this a bug or am I missing something?

[Dimo]

Hello Levi,

When displaying more than one month view, the RadCalendar day matrix is always rendered on the server. That's why in most cases the multimonth Calendar's AutoPostBack property is set to "true" and the control is ajaxified to prevent postbacks when navigating and selecting dates.

In your case the above will not work well and generally, this scenario is not supported out of the box at the moment. However, I have prepared an example, which shows what you can do:

How to Use RadDatePicker with MultiMonthView Calendar

Merry Christmas!


Kind regards,
Dimo
the Telerik team

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