We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Page Background Flickers and Changes Color

Hi, we have our page background color set to BLACK.  When we swipe to a next/previous month, the background flickers and when the new month loads, the background changes to WHITE.

Any ideas?

This is what the page looks like when it loads:



This is what it looks like after you swipe left/right:



At this stage, if you happen to touch any area of the calendar, the page returns to BLACK!?

Thanks in advance!

2 Replies

SC Steve Chaba July 1, 2017 04:24 PM UTC

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            x:Class="SloperMobile.Views.CalendarPage"
            xmlns:UC="clr-namespace:SloperMobile.UserControls;assembly=SloperMobile"
            xmlns:calendar="clr-namespace:Syncfusion.SfCalendar.XForms;assembly=Syncfusion.SfCalendar.XForms"
            BackgroundColor="Black"
            ControlTemplate="{StaticResource PageTemplateFooter}"
            Title="Sloper">
    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness" iOS="0, 20, 0, 0" Android="0, 0, 0, 0" />
    </ContentPage.Padding>
    <Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" BackgroundColor="Black">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <UC:HeaderUC HeightRequest="30" BackgroundColor="Black" />
        <ScrollView Orientation="Horizontal" HeightRequest="40" Grid.Row="1" x:Name="CalendarScrollViewer">
            <UC:HeaderMenuCalendarUC HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" />
        </ScrollView>
        <StackLayout Grid.Row="2" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
            <Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" BackgroundColor="Black">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Label x:Name="CalendarHeader" TextColor="White" BackgroundColor="Black" FontSize="Large" 
                       HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" />
                <calendar:SfCalendar x:Name="calendar" ShowHeader="false" Grid.Row="1" ViewMode="MonthView" 
                                     DataSource="{Binding ShowDates,Mode=TwoWay}" ShowInlineEvents="False" 
                                     OnCalendarTapped="SfCalendar_OnOnCalendarTapped" VerticalOptions="Center"/>
            </Grid>
        </StackLayout>
    </Grid>
</ContentPage>



RK Rathana Kumar Sekar Syncfusion Team July 3, 2017 12:20 PM UTC

Hi Steve,

Thanks for contacting Syncfusion Support.

We have checked the reported issue "Page background flicker and change color" with provided code sample and we were unable to reproduce the reported issue from our side. We have attached the sample with which we have checked the reported issue.

Sample: http://www.syncfusion.com/downloads/support/forum/131264/ze/FlickeringTest-849446277 

So could you please provide the below mentioned details,

1) Modified sample which replicates the reported issue.

2) We suspect that the issue occurs due to HeaderUC and HeaderMenuCalendarUC classes. So, could you please provide that class files to check the reported issue.

It will help us to provide appropriate solution on this.

Regard,
Rathanakumar S. 


Loader.
Live Chat Icon For mobile
Up arrow icon