[Solved] Want to add Swipe in single direction with multiple columns

[amit]

Hi,

 

I am trying to create swipe functionality in listview, The challenge is I have to add 3 columns in left swipe. right now what is happening that I am getting one column on right side and one columns in left side. Please help

 

Regards,

Amit

[Ganesh]

Hi Amit,

 

You can use the Property of Offset to change the directions of swipe on listview Item.

Below is the example code

 <telerikDataControls:RadListView  x:Name="listView"
                                         SelectionMode="Multiple"
                                         ItemsSource="{Binding Items}"
                                         IsItemSwipeEnabled="True" SwipeOffset="0,0,150,0">

          <telerikDataControls:RadListView.ItemSwipeContentTemplate>
                <DataTemplate>
                    <Grid ColumnSpacing="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="Auto"/>

                             <ColumnDefinition Width="Auto"/>

                        </Grid.ColumnDefinitions>
                        <Grid BackgroundColor="Green" Grid.Column="1">
                            <Button Text="Approve" Image="approve.png" Clicked="OnApprove"
                                    ContentLayout="Top"  HorizontalOptions="CenterAndExpand"/>
                        </Grid>
                        <Grid BackgroundColor="Red" Grid.Column="2">
                            <Button Text="Reject" Image="reject.png" Clicked="OnReject" 
                                    ContentLayout="Top" HorizontalOptions="CenterAndExpand"/>
                        </Grid>
                    </Grid>
                </DataTemplate>
            </telerikDataControls:RadListView.ItemSwipeContentTemplate>

</telerikDataControls:RadListView>

[Stefan Nenchev]

Hi Amit,

As Ganesh suggested, working with the SwipeOffset in combination with a proper ItemSwipeContentTemplate should be helpful in your situation. Please give it a try and update the thread whether this helped. Otherwise, sharing more information on your scenario will be appreciated.

Regards,
Stefan Nenchev
Progress Telerik