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

SfCarousel and datatemplateselector not working

I have a data template selector with two data templates and set the key of the datatemplateselector as ItemTemplate on SfCarousel.

Invalid Operation Exception: LoadTemplate should not be null


        <sfc:SfCarousel x:Name="carousel"
                ItemsSource="{Binding MediaFiles}
                HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" /> 

            <DataTemplate x:Key="mediaImageTemplate">
            <DataTemplate x:Key="mediaVideoTemplate">
            <local:MediaDataTemplateSelector x:Key="mediaDataTemplateSelector"
                ImageTemplate="{StaticResource mediaImageTemplate}"
                VideoTemplate="{StaticResource mediaVideoTemplate}" />

3 Replies

MK Muneesh Kumar G Syncfusion Team May 20, 2019 12:41 PM UTC

Hi Jørgen, 
We have checked your requirement from our side and in our current implementation, we currently do not have "DataTemplateSelector Support for SfCarousel". We have logged a feature report for the same. You can find the feedback link details from below.  
If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal.  
And the feature will be available in Volume 3 Release, which will be available on month of September 2019. Please let us know if you have any concern. 
Muneesh Kumar G.  

Jørgen May 20, 2019 02:15 PM UTC

Thanks! That would work. Just thinking about an 'infinite' scrolling carousel when there are >2 items.

MK Muneesh Kumar G Syncfusion Team May 21, 2019 07:38 AM UTC

Hi Jørgen, 
Thanks for your update, we have analyzed your requirement and it can be achieved using UIVirtualization support as per the below code snippet.  
Code snippet 
<carousel:SfCarousel x:Name="carousel" ItemTemplate="{StaticResource itemTemplate}" ItemsSource="{Binding ImageCollection}" 
 ItemHeight="200" ItemWidth="200" ItemSpacing="2" 
 ViewMode="Linear"> </carousel:SfCarousel> 
We have prepared a sample based on your requirement. Please have the sample and the UG link for the reference.

Sample : http://www.syncfusion.com/downloads/support/directtrac/general/ze/UIVirtualization928560266
Muneesh Kumar G. 

Live Chat Icon For mobile
Up arrow icon