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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Rotator in NavigationDrawer

Thread ID:

Created:

Updated:

Platform:

Replies:

148475 Oct 21,2019 07:30 PM UTC Oct 25,2019 04:11 AM UTC Xamarin.Forms 7
loading
Tags: SfRotator
Boris Oprit
Asked On October 21, 2019 07:30 PM UTC

Hello ,

I made a Rotator from the example's , looks great.

Now trying to do a NavigationDrawer like in the example's

But in the NavigationDrawer there is an image , the question is can i put a rotator in the NavigationDrawer instead of the image ?




Hemalatha Marikumar [Syncfusion]
Replied On October 22, 2019 01:24 PM UTC

Hi Boris, 
 
Greetings from Syncfusion. 
 
We have analyzed your query and created sample based on your updated details. Please find the sample from below location 
 
 
If the above sample doesn’t meet your requirement, please update us with the following details 
 
·       Any pictorial representation  
 
·       Referred examples  
 
·       More description to know your exact requirement. 
 
Which will more helpful for us to provide better solution. 
 
Regards, 
Hemalatha M. 


Boris Oprit
Replied On October 22, 2019 09:28 PM UTC

Thanks for the reply and sample.

Not exactly what i mean .

Like to put it in de NavigationDrawer itself above the name James Pollock

Put an image in the zip for example

Attachment: IMG_1807_7657269.zip

Hemalatha Marikumar [Syncfusion]
Replied On October 23, 2019 05:51 AM UTC

Hi Boris, 
 
Thanks for your update. 
 
We have analyzed your query. You can achieve this requirement by setting rotator view to DrawerHeaderView of SfNavigationDrawer as like below code snippet. 
 
XAML: 
<navigationdrawer:SfNavigationDrawer.DrawerHeaderView> 
       <rotator:SfRotator   ItemsSource="{Binding ImageCollection}" 
                        NavigationDirection="Horizontal" 
                        NavigationStripMode="Dots" 
                        BackgroundColor="#ececec"> 
                        <rotator:SfRotator.ItemTemplate> 
                            <DataTemplate> 
                                <Image  Source="{Binding Image}"/> 
                            </DataTemplate> 
                        </rotator:SfRotator.ItemTemplate> 
                    </rotator:SfRotator> 
</navigationdrawer:SfNavigationDrawer.DrawerHeaderView> 
  
We have created sample based on your requirement, please find the sample from below location. 
 
Sample link: 
 
Please let us know if you have any other queries. 
 
Regards,
Hemalatha M. 


Boris Oprit
Replied On October 24, 2019 04:52 AM UTC

Thanks for the sample , that is what i mean.

I am trying to make it work in a existing NavigationDrawer but is see no picture , what am i missing ?

De NavigationDrawer slides normal and goes to the write page but the rotator image is empty , and i have no errors.

Also put the png files in .


             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:NavigationDrawer"
                 xmlns:rotator="clr-namespace:Syncfusion.SfRotator.XForms;assembly=Syncfusion.SfRotator.XForms"
             xmlns:navigationdrawer="clr-namespace:Syncfusion.SfNavigationDrawer.XForms;assembly=Syncfusion.SfNavigationDrawer.XForms"
             x:Class="NavigationDrawer.MainPage">
   
                                         DrawerWidth ="200"
                                         DrawerHeaderHeight="160">
       
           
                  BackgroundColor="White">
               
                   
                   
               
               
                             Orientation="Horizontal">
                   

Hemalatha Marikumar [Syncfusion]
Replied On October 24, 2019 07:12 AM UTC

Hi Boris, 
 
Thanks for your update. 
 
We have analyzed your query. Based on the provided code snippet, we have modified the code as like below code snippet. 
 
C#: 
private List<SfRotatorItem> imageCollection = new List<SfRotatorItem>(); 
        public List<SfRotatorItem> ImageCollection 
        { 
            get { return imageCollection; } 
            set { imageCollection = value; } 
        } 
        public RotatorViewModel() 
        { 
            ImageCollection.Add(new SfRotatorItem() { Image = "movie1.png" }); 
            ImageCollection.Add(new SfRotatorItem() { Image = "movie2.png" }); 
            ImageCollection.Add(new SfRotatorItem() { Image = "movie3.png" }); 
        } 
  
XAML: 
<navigationdrawer:SfNavigationDrawer.DrawerHeaderView> 
  
                    <rotator:SfRotator HeightRequest="200" 
                        ItemsSource="{Binding ImageCollection}" 
                        NavigationDirection="Horizontal" 
                        NavigationStripMode="Dots" 
                        BackgroundColor="#ececec"> 
                    </rotator:SfRotator> 
  
</navigationdrawer:SfNavigationDrawer.DrawerHeaderView> 
  
We have created sample based on this, please find the sample from below location. 
 
 
Please let us know if you have any concern. 
 
Regards, 
Hemalatha M. 


Boris Oprit
Replied On October 24, 2019 05:46 PM UTC

Thanks again.

This is what i am looking for , the support is really good from Syncfusion .

Hemalatha Marikumar [Syncfusion]
Replied On October 25, 2019 04:11 AM UTC

Hi Boris, 
 
Thanks for your update. 
 
We glad to hear that given solution works. 
 
Please let us know if you have any other query. 
 
Regards, 
Hemalatha M. 
 


CONFIRMATION

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

This page will automatically be redirected to the 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

Live Chat Icon For mobile
Live Chat Icon