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

Drag and Drop Carousel to reorder image

I want to display the carousel with image and have drag and drop feature.
XAML code is:
 <Grid Grid.Row="1" Background="#FF5B5046">
            <Grid Margin="10">
                <layout:SfCarousel  Offset="150" SelectedItemOffset="60" x:Name="carousel" Margin="0,25,0,0" SelectionChanged="carousel_SelectionChanged">
                                <Grid Background="White"  PointerPressed="UIElement_OnPointerPressed">
                                    <Image x:Name="cover" Source="{Binding Image}" Height="450" Stretch="Uniform" Margin="5"/>
                                    <TextBlock Visibility="Collapsed" x:Name="judulbuku"  Margin="10" Width="300"
                                       Foreground="{ThemeResource AppBarBackgroundThemeBrush}"
                                       Text="{Binding Name}"
                                       TextWrapping="Wrap" IsDoubleTapEnabled="False" IsHoldingEnabled="False" IsRightTapEnabled="False" IsTapEnabled="False" FontWeight="Bold" />
                                <Rectangle HorizontalAlignment="Stretch" Grid.Row="1" Height="186" 
                                           Margin="0 0 0 -180" VerticalAlignment="Bottom" >
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#41FFFFFF"/>
                                            <GradientStop Color="#19FFFFFF" Offset="0.259"/>
                                            <GradientStop Color="Transparent" Offset="0.681"/>

How to make drag and drop carousel to reorder item? Thank you

1 Reply

BK Bharadhi K Syncfusion Team June 10, 2015 06:23 AM UTC

Hi Priscillia,

We have logged this as a feature request in our database. We will implement this feature in any of our upcoming releases. We usually have an interval of at least three months between releases. The feature implementation would also greatly depend on the factors such as product design, code compatibility and complexity. Please log on to our support website to check for further updates :


Bharadhi K

Live Chat Icon For mobile
Up arrow icon