1. Feedback
  2. Xamarin.Forms
  3. 6737

Welcome to the Xamarin.Forms feedback portal. We’re happy you’re here! If you have feedback on how to improve the Xamarin.Forms, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Images in Swiping Templates not shown consistently

Hi Team

I'm trying to use your sfListView control in my app, I really like the swipe action but I'm having a problem trying to get it to show icons in both the left and right templates

My code is below, which I think you'll notice is pretty much a copy of what you have in your code sample.

I am unable to show the Delete.png icon in the right template if I don't have two grids in the left template. But if I do, I don't get the Delete.png image in the left template.

If I remove the second grid in the left template I don't get any image, just a background in the right template.

I used the 17.1.0.50 version (I also had the bug in I think version was 17.1.0.44) 






    <syncfusion:SfListView x:Name="listView" ItemsSource="{Binding Notifications}" 
                                   ItemSize="70" AllowSwiping="True" SelectionMode="None" 
                                   SwipeOffset="120" SwipeThreshold="30" SwipeStarted="ListView_SwipeStarted" 
                                   SwipeEnded="ListView_SwipeEnded" Swiping="ListView_Swiping">
                <syncfusion:SfListView.ItemTemplate>
                    <DataTemplate x:Name="ItemTemplate" x:Key="ItemTemplate">
                        <Grid x:Name="grid" BackgroundColor="Aqua">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*" />
                                <RowDefinition Height="1" />
                            </Grid.RowDefinitions>
                            <Grid Grid.Row="0">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="30" />
                                </Grid.ColumnDefinitions>
                                <Grid Grid.Row="0" Padding="5">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>
                                    <Label LineBreakMode="WordWrap" TextColor="#474747" FontAttributes="None" Text="{Binding Notification}">
                                        <Label.FontSize>
                                            <OnPlatform x:TypeArguments="x:Double">
                                                <OnPlatform.WinPhone>
                                                    <OnIdiom x:TypeArguments="x:Double" Phone="18" Tablet="20" />
                                                </OnPlatform.WinPhone>
                                                <OnPlatform.Android>
                                                    <OnIdiom x:TypeArguments="x:Double" Phone="17" Tablet="19" />
                                                </OnPlatform.Android>
                                                <OnPlatform.iOS>
                                                    <OnIdiom x:TypeArguments="x:Double" Phone="18" Tablet="20" />
                                                </OnPlatform.iOS>
                                            </OnPlatform>
                                        </Label.FontSize>
                                    </Label>
                                    <Label TextColor="#474747" Grid.Row="2" LineBreakMode="NoWrap" Text="{Binding DateCreated, StringFormat='{0:MMMM dd, HH:mm}'}">
                                        <Label.FontSize>
                                            <OnPlatform x:TypeArguments="x:Double">
                                                <OnPlatform.WinPhone>
                                                    <OnIdiom x:TypeArguments="x:Double" Phone="12" Tablet="12" />
                                                </OnPlatform.WinPhone>
                                                <OnPlatform.Android>
                                                    <OnIdiom x:TypeArguments="x:Double" Phone="12" Tablet="14" />
                                                </OnPlatform.Android>
                                                <OnPlatform.iOS>
                                                    <OnIdiom x:TypeArguments="x:Double" Phone="12" Tablet="14" />
                                                </OnPlatform.iOS>
                                            </OnPlatform>
                                        </Label.FontSize>
                                    </Label>
                                </Grid>
                                <Image x:Name="NormalImage" Grid.Column="1" HorizontalOptions="Center" HeightRequest="30" WidthRequest="30" Source="{Binding Read, Converter={StaticResource BoolToImageConverter}}" VerticalOptions="Center" />
                            </Grid>
                            <Frame Grid.Row="1" OutlineColor="#E4E4E4" HasShadow="True" HeightRequest="1" />
                        </Grid>
                    </DataTemplate>
                </syncfusion:SfListView.ItemTemplate>
                <syncfusion:SfListView.LeftSwipeTemplate>
                    <DataTemplate x:Name="LeftSwipeTemplate">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Grid BackgroundColor="#009EDA" HorizontalOptions="Fill" VerticalOptions="Fill" Grid.Column="0">
                                <Grid VerticalOptions="Center" HorizontalOptions="Center">
                                    <Image Grid.Column="0" Grid.Row="0" BackgroundColor="Transparent" 
                                           HeightRequest="35" WidthRequest="35" 
                                           BindingContextChanged="leftImage_BindingContextChanged" 
                                           Source="Favorites.png" />
                                </Grid>
                            </Grid>
                            <Grid BackgroundColor="#DC595F" HorizontalOptions="Fill" VerticalOptions="Fill" Grid.Column="1">
                              <Grid VerticalOptions="Center" HorizontalOptions="Center">
                                <Image Grid.Column="0"
                                       Grid.Row="0"
                                       HeightRequest="35"
                                       WidthRequest="35"
                                       BackgroundColor="Transparent"
                                       BindingContextChanged="rightImage_BindingContextChanged"
                                       Source="Delete.png" />
                              </Grid>
                            </Grid>
                        </Grid>
                    </DataTemplate>
                </syncfusion:SfListView.LeftSwipeTemplate>
                <syncfusion:SfListView.RightSwipeTemplate>
                  <DataTemplate x:Name="RightSwipeTemplate">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Grid BackgroundColor="Olive" HorizontalOptions="Fill" VerticalOptions="Fill" Grid.Column="0">
                                <Grid VerticalOptions="Center" HorizontalOptions="Center">
                                    
                                    <Image Grid.Column="0" Grid.Row="0" BackgroundColor="Transparent" 
                                           HeightRequest="50" WidthRequest="50" 
                                           BindingContextChanged="rightImage_BindingContextChanged" 
                                           Source="Delete.png" />
                                                               
                                </Grid>
                            </Grid>
                        </Grid>
                  </DataTemplate>
                </syncfusion:SfListView.RightSwipeTemplate>
            </syncfusion:SfListView>