Rotator Dont show Images after Bindings

[Vuyiswa]

Good Day Admin 

i have a Rotator defined like this 

<StackLayout>

        <rotator:SfRotator BackgroundColor="Transparent"

                                   DotsBorderColor="Transparent" 

                                   UnselectedDotColor="{DynamicResource Gray-200}"

                                   SelectedDotColor="{DynamicResource PrimaryColor}"  

                                   SelectedIndex="{Binding SelectedIndex, Mode=TwoWay}"

                                   NavigationStripMode="Dots"

                                   NavigationStripPosition="Bottom"

                                   DotPlacement="Default"

                                   HeightRequest="480"

                                   x:Name="PhotoGallery"                                   

                                   Margin="8, 0">

            <rotator:SfRotator.ItemTemplate>

                <DataTemplate>

                    <StackLayout Spacing="0">

                        <controls:CustomShadowFrame x:Name="Rotator" BackgroundColor="{DynamicResource Gray-White}" 

                                                        BorderColor="{DynamicResource Gray-White}" BorderWidth="1" 

                                                        CornerRadius="4" HasShadow="True" Margin="4" Padding="0">

                            <Grid RowSpacing="0">

                                <Grid.RowDefinitions>

                                    <RowDefinition Height="Auto"/>

                                    <RowDefinition Height="Auto"/>

                                    <RowDefinition Height="Auto"/>

                                </Grid.RowDefinitions>

                                <ffimageloading:CachedImage Aspect="AspectFill"

                                        CacheDuration="14"  HeightRequest="525"   

                                       BackgroundColor="{DynamicResource Gray-White}"

                                       DownsampleUseDipUnits="True"  RetryCount="5"  RetryDelay="5"   

                                        LoadingPlaceholder="hourglass_2.gif" ErrorPlaceholder="sorry_failed.png"

                                          DownsampleToViewSize="true"

                        Source="{Binding IMAGE_VIDEO_URL}"  >

                                </ffimageloading:CachedImage>

                                <!--Travel place-->

                                <Label Grid.Row="1" 

                                           Margin="16,16,16,4" 

                                           TextColor="{DynamicResource Gray-900}"

                                           FontSize="16"

                                           FontFamily="{DynamicResource Montserrat-SemiBold}"

                                           LineHeight="{OnPlatform Android=1.5, Default=-1}" />

                                <!--Details of travel place-->

                                <Label Grid.Row="2" 

                                           Margin="16,0,16,16" 

                                           TextColor="{DynamicResource Gray-700}"

                                           FontSize="12"

                                           FontFamily="{DynamicResource Montserrat-Medium}"

                                           LineBreakMode="TailTruncation"

                                           MaxLines="2"

                                           LineHeight="{OnPlatform Android=1.2, Default=-1}" />

                                <Grid.GestureRecognizers>

                                    <TapGestureRecognizer Command="{Binding Path=BindingContext.TravelPlacesCommand, Source={x:Reference Rotator}}" CommandParameter="{Binding .}" />

                                </Grid.GestureRecognizers>

                            </Grid>

                        </controls:CustomShadowFrame>

                    </StackLayout>

                </DataTemplate>

            </rotator:SfRotator.ItemTemplate>

        </rotator:SfRotator>

    </StackLayout>

and i am binding the data like this 

 private void GetUserphophotos()

        {

            List<USER_GALLERY_PHOTO_VIDEOS_Model> lstimages = new List<USER_GALLERY_PHOTO_VIDEOS_Model>();

 

            try

            {

                USER_GALLERY_PHOTO_VIDEOS_Model model = new USER_GALLERY_PHOTO_VIDEOS_Model();

                model.IMAGE_VIDEO_URL = "https://www.trovadating.com/User_Gallery/User_id_4097/u_di_4097_20210130001932955.png";

                 lstimages.Add(model);

                  model = new USER_GALLERY_PHOTO_VIDEOS_Model();

                model.IMAGE_VIDEO_URL = "https://www.trovadating.com/User_Gallery/User_id_4097/u_di_4097_20210130085631004.png";

                lstimages.Add(model);

                  model = new USER_GALLERY_PHOTO_VIDEOS_Model();

                model.IMAGE_VIDEO_URL = "https://www.trovadating.com/User_Gallery/User_id_4097/u_di_4097_20210130085807893.png";

                lstimages.Add(model);

  

                 

                Device.BeginInvokeOnMainThread(() =>

                {

                    PhotoGallery.ItemsSource = lstimages; 

                }); 

            }

            catch (Exception ex)

            {

                throw ex; 

            } 

        } 

But still the Rotaror does not show images. you can take the links as examples , they have images and sizes are very small . i have attached a small Project as well 

Thanks

Attachment: Rotator_74b72442.rar

[Sakthivel Palaniyappan]

Hi Vuyiswa,

Greetings from Syncfusion.

We have analyzed your query and checked the reported issue in android, but we could not reproduce the issue. Could you please check once internet connection in the device and call Refresh() method of SfRotator as like below code snippet.

C#: 

 

    public partial class Page1 : ContentPage 

    { 

        public Page1() 

        { 

            InitializeComponent(); 

        } 

 

        protected override void OnAppearing() 

        { 

            base.OnAppearing(); 

 

            Device.StartTimer(TimeSpan.FromSeconds(3), () => 

            { 

                if (Device.RuntimePlatform == Device.iOS) 

                { 

                    Syncfusion.SfRotator.XForms.SfRotator.Refresh(); 

                } 

                return false; 

            }); 

        } 

 

If you are still facing the same issue , please share device details and video about issue. It will help us to provide better solution at the earliest.

Regards,
Sakthivel P.

[Vuyiswa]

Good Day Admin 

i am using RedMi Xiomi 4A  , Android 7.1 Api Level 25   , i am using Android. The Internet is active on the device. did you see an example project i attached ?

Regards

Vuyiswa

[Ruba Shanmugam]

Hi Vuyiswa,

We have created a new incident under your Direct trac account to follow up with this query. We suggest you follow up with the incident for further updates. Please log in using the below link.

https://www.syncfusion.com/account/login

Regards,
Ruba Shanmugam