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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Page Background Flickers and Changes Color

Thread ID:





131264 Jul 1,2017 04:20 PM UTC Jul 3,2017 12:20 PM UTC Xamarin.Forms 2
Tags: SfCalendar
Steve Chaba
Asked On July 1, 2017 04:20 PM UTC

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!

Steve Chaba
Replied On July 1, 2017 04:24 PM UTC

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
            ControlTemplate="{StaticResource PageTemplateFooter}"
        <OnPlatform x:TypeArguments="Thickness" iOS="0, 20, 0, 0" Android="0, 0, 0, 0" />
    <Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" BackgroundColor="Black">
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
        <UC:HeaderUC HeightRequest="30" BackgroundColor="Black" />
        <ScrollView Orientation="Horizontal" HeightRequest="40" Grid.Row="1" x:Name="CalendarScrollViewer">
            <UC:HeaderMenuCalendarUC HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" />
        <StackLayout Grid.Row="2" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
            <Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" BackgroundColor="Black">
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                <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"/>

Rathana Kumar Sekar [Syncfusion]
Replied On 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.

Rathanakumar S. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon