Unplanned
Last Updated: 21 Mar 2024 11:58 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>

 


1 comment
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