I'm using a VirtualizingWrapPanel as the ItemsPanelTemplate of a RadListBox
<telerik:RadListBox x:Name="ItemControl"
Grid.Row="1"
VirtualizingPanel.ScrollUnit="Pixel"
ItemsSource="{Binding RelativeSource={RelativeSource AncestorType={x:Type local:UserControl}}, Path=PathName}">
<telerik:RadListBox.ItemsPanel>
<ItemsPanelTemplate>
<telerik:VirtualizingWrapPanel HorizontalAlignment="Center" ItemWidth="200" ItemHeight="180"/>
</ItemsPanelTemplate>
</telerik:RadListBox.ItemsPanel>The ItemsSource is a ListCollectionView which is Live updating
ListCollectionView = new(Models);
ListCollectionView.IsLiveSorting = true;
ListCollectionView.SortDescriptions.Add(new SortDescription("Percentage", ListSortDirection.Ascending));The collection seems to be updating and reaching the UI; however, every so often I get empty cells in the RadListBox after a sorting happens.
If I scroll away and come back the area is filled in. Is there something I can do manually so that this area is filled in? Should I try reloading something in some way?
I've tried invalidating things in the wrap panel but this hasn't worked:
wrapPanel?.InvalidateArrange(); wrapPanel?.InvalidateMeasure(); wrapPanel?.InvalidateVisual(); wrapPanel?.UpdateLayout();
Any help or suggestions are appreciated

Hi Team
We are facing frequent more bottom margin issue in RadTreeView with TreeVirtualizationMode="Hierarchical".
There is two level of grouping like parent, child and grandchild. With Hierarchical mode it is happening frequently. But with Recyling and Standard mode it is not happening but the performace is not good. So it is not helping right now.
Tried to adjuest the padding, margins of TreeViewPanel. Nothing helpped. And the number of grand child count is dynamic so cannot assign Height as well.
Need some suggestion. Thanks in advance!
Eg.
Parent A (Expander)
Child A (Expander)
Grandchild A (Content)
Grandchild B (Content)
-----------------------------
----More Blank Space----
------------------------------
Parent B (Expander)
Code
<telerik:RadTreeView x:Name="SearchResultTreeView"
BorderThickness="0"
PreviewKeyDown="SearchResultTreeView_PreviewKeyDown"
telerik:RadTreeViewItem.Selected="SearchResultTreeView_Selected"
ScrollViewer.HorizontalScrollBarVisibility="Disabled"
IsVirtualizing="True"
telerik:TreeViewPanel.TreeVirtualizationMode="Hierarchical"
PreviewMouseLeftButtonDown="SearchResultTreeView_PreviewMouseLeftButtonDown"
Margin="0,-1,-1,0" ItemsSource="{Binding MyDummyCollectionView}"
Background="{x:Null}"
BorderBrush="{x:Null}">Hi,telerik:
I want to show some images in the listbox with VirtualizingWrapPanel and some will not. It depends on the property(IsDefault) that i have defined.
here is the code:
<P><ListBox.ItemContainerStyle><BR> <Style TargetType="{x:Type ListBoxItem}"><BR> <Style.Triggers><BR> <DataTrigger Binding="{Binding IsDefault}"Value="true"><BR> <Setter Property="Visibility"Value="Collapsed"/><BR> </DataTrigger></P><P> </P><P> </Style.Triggers><BR> </Style><BR> </ListBox.ItemContainerStyle><BR></P>but even through the value of the "IsDefault" is set to "true",the listboxitem still display in the listbox ,and the item is blank.
How do I do before they can get the effect I want?
Thanks and Regards,
Bill.
<scj:scjListBox Visibility="Visible" Grid.Column="2" x:Name="lstItemsSmall" ItemsSource="{Binding Path=Modeles}" Style="{DynamicResource ModelesStyleSmall}" Background="#FF525252"> <scj:scjListBox.ItemsPanel> <ItemsPanelTemplate> <scj:scjVirtualizingWrapPanel ItemWidth="300" ItemHeight="300"></scj:scjVirtualizingWrapPanel> </ItemsPanelTemplate> </scj:scjListBox.ItemsPanel> </scj:scjListBox><Style TargetType="scj:scjListBox" x:Key="ModelesStyleSmall"> <Setter Property="ItemContainerStyle"> <Setter.Value> <Style TargetType="telerik:RadListBoxItem"> <Setter Property="HorizontalContentAlignment" Value="Stretch" /> <Setter Property="VerticalContentAlignment" Value="Stretch" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="Transparent" /> <Setter Property="BorderThickness" Value="0" /> <Setter Property="Foreground" Value="White" /> <Setter Property="FontSize" Value="12" /> <Setter Property="Padding" Value="0" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="telerik:RadListBoxItem"> <Border CornerRadius="5" BorderBrush="#FF565656" BorderThickness="1" Margin="5" Padding="5" Background="#FF606060"> <Grid> <ContentPresenter x:Name="HeaderElement" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,0" ContentTemplate="{StaticResource ProduitsDataTemplateSmall}"/> </Grid> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> </Setter.Value> </Setter> </Style><DataTemplate x:Key="ProduitsDataTemplateSmall"> <scj:scjGrid Height="280" Width="280"> <scj:scjGrid.RowDefinitions> <RowDefinition Height="200"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="50"></RowDefinition> </scj:scjGrid.RowDefinitions> <scj:scjGrid.ColumnDefinitions> <ColumnDefinition Width="1*"></ColumnDefinition> <ColumnDefinition Width="1*"></ColumnDefinition> <ColumnDefinition Width="1*"></ColumnDefinition> </scj:scjGrid.ColumnDefinitions> <Image Grid.Row="0" Grid.ColumnSpan="3" Source="{Binding Path=ImagePhoto}"></Image> <scj:scjTextBlock Grid.Row="1" Grid.ColumnSpan="3" NoTranslate="True" Text="{Binding Path=DisplayCodeName}" TextWrapping="Wrap" HorizontalAlignment="Left"></scj:scjTextBlock> <scj:scjButton Grid.Row="2" Grid.Column="0" NoTranslate="True" Style="{StaticResource ButtonStyle}" Click="btnPanier_Click" Tag="{Binding Path=sIdModele, Mode=OneWay}"> <Image Source="Images/panier_ajout.png" Width="32" Height="32"></Image> </scj:scjButton> <scj:scjButton Grid.Row="2" Grid.Column="1" NoTranslate="True" Style="{StaticResource ButtonStyle}" Click="btnLoupe_Click" Tag="{Binding Path=sIdModele, Mode=OneWay}"> <Image Source="Images/loupe.png" Height="32" Width="32"></Image> </scj:scjButton> <scj:scjCheckBox Grid.Row="2" Grid.Column="2" x:Name="chkStatut" NoTranslate="True" BorderBrush="Black" BorderThickness="0.3" Checked="chkStatut_Checked" Unchecked="chkStatut_Checked" HorizontalAlignment="Center" VerticalAlignment="Center"> <scj:scjCheckBox.LayoutTransform> <ScaleTransform ScaleX="3" ScaleY="3"></ScaleTransform> </scj:scjCheckBox.LayoutTransform> </scj:scjCheckBox> </scj:scjGrid> </DataTemplate><Window x:Class="GalleryView3.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" Title="MainWindow" Height="350" Width="525" MinWidth="350"> <Grid> <Border BorderThickness="3" MinWidth="100" MinHeight="100"> <ListView ScrollViewer.HorizontalScrollBarVisibility="Disabled" Name="TabGalleryListView" ItemsSource="{Binding Source}" SelectionChanged="SelectionChanged"> <ListView.ItemsPanel> <ItemsPanelTemplate> <telerik:VirtualizingWrapPanel IsItemsHost="True" Orientation="Horizontal" /> <!--<WrapPanel IsItemsHost="True" Orientation="Horizontal" />--> </ItemsPanelTemplate> </ListView.ItemsPanel> <ListView.ItemTemplate> <DataTemplate> <StackPanel Margin="10,10,10,10" Orientation="Vertical"> <Border BorderThickness="3" BorderBrush="Black"> <Image Width="128" Height="128" Source="{Binding ImageSource}" Stretch="Uniform" /> </Border> <StackPanel Orientation="Horizontal" Margin="0,10,0,0" > <CheckBox Margin="0,0,5,0" VerticalAlignment="Center"/> <TextBlock TextWrapping="Wrap" VerticalAlignment="Center" Text="{Binding DisplayText}" Foreground="Red"/> </StackPanel> </StackPanel> </DataTemplate> </ListView.ItemTemplate> </ListView> </Border> </Grid> </Window>