[Issue]: Calendar View display issues.

[trydyingtolive]

Describe the Issue in Detail

The Calendar View block seems to have some display issues. I noticed this when calendars suddenly stopped displaying correctly. I was able to reproduce this on a fresh app.

The month on the calendar by default is too short so it doesn't display the text. The next and previous months also do not appear.

This is what the documentation shows

This is what is looks like on Android (iOS is similar)

Additionally when selecting a calendar date, the event details do not appear.

Can reproduce in

• [X] Orange App
• [X] Blue App

Steps to Reproduce

Add a Calendar View block to a page.

Expected Behavior

Visible month, next and previous months, and details when a date is selected.

Actual Behavior

The month is not visible and when selecting a day the events for the month do not appear.

Screenshots or Videos

Reproduction XAML

No response

Mobile Shell Version

6.0.0.0

Last Known Working Version

v5

iOS Device Type(s) and iOS Version(s)

iPhone 14

Android Device Type(s) and Android Version(s)

Pixel 6, Pixel 8

[bradencohen]

Fixed in shell V6. This fix should be testable in iOS App Store Version 1.0.81 in the blue app.

[trydyingtolive]

It appears that the calendar block continues to have issues. The top most image is Android. A date with and event is selected, but it is not visible below the calendar. The second image is iOS. Both of the screenshots are from the Blue app iOS 1.0.81 and Android 1.0.80

[bradencohen]

@trydyingtolive would you mind sharing your layout? Is there a ScrollView, and if so, could you try removing it?

[trydyingtolive]

I'm just using the default homepage layout

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:Rock="clr-namespace:Rock.Mobile.Cms;assembly=Rock.Mobile"
             xmlns:Common="clr-namespace:Rock.Mobile.Common;assembly=Rock.Mobile.Common">
    <ScrollView>
        <StackLayout>
            <Rock:Zone ZoneName="Main" />
        </StackLayout>
    </ScrollView>
</ContentPage>

[bradencohen]

@trydyingtolive it does look like there's a ScrollView in that layout. The Calendar View (event list) uses a component with built in scrolling mechanics, meaning it can't have an outer ScrollView.

We've documented this for some of the newer blocks with this behavior, but I'll double check the Calendar View documentation and make sure it has this mentioned.

[trydyingtolive]

I removed the scroll view in the layout and redeployed the app. Here is the layout I used.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:Rock="clr-namespace:Rock.Mobile.Cms;assembly=Rock.Mobile"
             xmlns:Common="clr-namespace:Rock.Mobile.Common;assembly=Rock.Mobile.Common">

        <StackLayout>
            <Rock:Zone ZoneName="Main" />
        </StackLayout>

</ContentPage>

Here is the page

Here are the settings

Here are the results on iOS: