Weird behavior with RadCalendar in Flyout

Thread is closed for posting
3 posts, 0 answers
  1. Michiel
    Michiel avatar
    5 posts
    Member since:
    Mar 2015

    Posted 06 Mar 2015 Link to this post


    I'm having some really weird behavior when using RadCalendar in a windows store project.
    => the calendar is in a Flyout control. As soon as a root element or the calendar itself has a fixed width (or to a lesser extent with 'minimum widths'), the calendar doesn't behave anymore as it should.

    A replication project can be downloaded from the following link:
    Replication XAML:
    <Flyout x:Key="FlyoutCalendar"
                    <Grid x:Name="Calendar">
                        <telerik:RadCalendar Width="350"
                                             Height="350" />

    Incorrect behavior: when going up a month, the 'month' change animation plays but the control still shows the current month instead of the previous month.
    Concrete (with today's date - 6th of March):
      => going up by clicking on 27th of February
      => calendar animates but active month stays March && selected day is in the previous month's range.

    When going up with the buttons/commands instead of clicking on a date the animations always play but same behavior shows: month title updates but month view itself always shows the same dates, ie current month

    Small improvement: in XAML change the width to be min-width.
    In this case:
      => going up from March to February works (even though ui doesn't update correctly when using custom styles)
      => going up now from February to January gives the same issue again

    Can you give me a solution to this problem? We do need fixed sizes so just removing all width's is not an option for us.

    Thank you,
  2. Rosy Topchiyska
    Rosy Topchiyska avatar
    586 posts

    Posted 09 Mar 2015 Link to this post

    Hi Michael,

    Thank you for contacting us.

    It seems that for some reason the elements in a Flyout control, are unloaded when the flyout is displayed for first time. This happens with all controls that have been added to the flyout content and we do not know how this could be avoided. We suggest that you set the content of the flyout after its ShowAt() method has been called. I have attached a modified version of your sample project that demonstrates this.

    I hope this helps. Please, let us know if you have further questions.

    Rosy Topchiyska

  3. Michiel
    Michiel avatar
    5 posts
    Member since:
    Mar 2015

    Posted 09 Mar 2015 in reply to Rosy Topchiyska Link to this post

    Hi Rosy,

    Thank you for the workaround.

    If other people are looking for solutions to this - Popups do seem to work as well.

    Kind regards,
Back to Top