Completed
Last Updated: 10 Sep 2024 10:01 by ADMIN
Ernst
Created on: 18 Mar 2024 13:55
Category: ListView
Type: Bug Report
0
VerticalItemSpacing and ItemStyle with Border: Background is overlapping Border

When the VerticalItemSpacing is greater than 1 and an ItemStyle with a Border is defined the background of the item is overlapping the border.

 

             <telerik:RadListView Grid.Column="0" ItemsSource="{Binding Source}">

                <telerik:RadListView.LayoutDefinition>

                    <telerik:ListViewLinearLayout Orientation="Vertical" VerticalItemSpacing="4" />

                </telerik:RadListView.LayoutDefinition>

                <telerik:RadListView.ItemStyle>

                    <telerik:ListViewItemStyle

                        BackgroundColor="Green"

                        BorderColor="LightGreen"

                        BorderLocation="All"

                        BorderWidth="1" />

                </telerik:RadListView.ItemStyle>

                <telerik:RadListView.SelectedItemStyle>

                    <telerik:ListViewItemStyle

                        BackgroundColor="Orange"

                        BorderColor="OrangeRed"

                        BorderLocation="All"

                        BorderWidth="1" />

                </telerik:RadListView.SelectedItemStyle>

                <telerik:RadListView.PressedItemStyle>

                    <telerik:ListViewItemStyle

                        BackgroundColor="Orange"

                        BorderColor="OrangeRed"

                        BorderLocation="All"

                        BorderWidth="1" />

                </telerik:RadListView.PressedItemStyle>

 

                <telerik:RadListView.ItemTemplate>

                    <DataTemplate x:DataType="local:SourceItem">

                        <telerik:ListViewTemplateCell>

                            <telerik:ListViewTemplateCell.View>

                                <Grid>

                                    <Label Margin="10" Text="{Binding Name}" />

                                </Grid>

                            </telerik:ListViewTemplateCell.View>

                        </telerik:ListViewTemplateCell>

                    </DataTemplate>

                </telerik:RadListView.ItemTemplate>

            </telerik:RadListView>

 


2 comments
ADMIN
Didi
Posted on: 10 Sep 2024 10:01

Hi Ernst,

We have resolved this behavior by implementing a new control, CollectionView, which is a complete rewrite of the ListView from the ground up. CollectionView offers improved performance, enhanced features, and a modernized approach to managing lists of data. The CollectionView incorporates all key features of the ListView.

As this new control supersedes the ListView, this bug report will be closed. We recommend transitioning to CollectionView to take full advantage of its capabilities. Visit the following article that explains how to migrate to the new RadCollectionView.

Regards,
Didi
Progress Telerik

ADMIN
Yana
Posted on: 21 Mar 2024 11:58

Hello Ernst,

I confirm this is an issue in the ListView styles, so I updated the status of this item to "Unplanned".  

There is also another issue with the VerticalItemSpacing you reported - when VerticalItemSpacing is "1", there is actually no space between the items. We'll look into both issues together.

Please follow the feedback item to get notified on status changes on this.

Regards,
Yana
Progress Telerik

A brand new ThemeBuilder course was just added to the Virtual Classroom. The training course was designed to help you get started with ThemeBuilder for styling Telerik and Kendo UI components for your applications. You can check it out at https://learn.telerik.com