Hi,

We went into production today with some changes - a larger buffer and a changed layout with grids instead of stacklayouts and removed verticaloptions.

I'll be monitoring the logs to see what happens after our users upgrade to the new version.

Hello,

We can't reproduce it either. We'll see about BufferItemsCount, grid-in-stack, and Fill in the next release, then keep monitoring the logs. Not much else that either of us can do...

Yes, we use Prism for navigation, and this is basically a report page, one of many, people navigate between them.

OK, sorry, it's not a grid error, we have a grid in a grid, and RowDefinitions="*" for the grid that contains the listview :)

Hi,

Grid.Row on the listview seems to be an error - probably left from copypasting from another earlier layout. We can try removing that and VerticalOptions and pushing into production in the next release, but that's in a couple of weeks. It's not an error we have ever been able to reproduce so we'll have to wait and see if there's any improvement with our users.

Here's the entire page XAML (it's a flyout detail page).

Note that this is for "An item with the same key has already been added." - the "Value does not fall within the expected range." exception doesn't mention which page is involved.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="ournamespace.UI.Pages.Reports.InventoryStatusReportPage"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:conv="clr-namespace:ournamespace.UI.Converters"
    xmlns:local="clr-namespace:ournamespace.UI.Pages.Reports"
    xmlns:models="clr-namespace:ournamespace.Models;assembly=ournamespace.Models"
    xmlns:prism="http://prismlibrary.com"
    xmlns:rend="clr-namespace:ournamespace.UI.Renderers"
    xmlns:telerikDataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.XamarinForms.DataControls"
    xmlns:telerikListView="clr-namespace:Telerik.XamarinForms.DataControls.ListView;assembly=Telerik.XamarinForms.DataControls"
    xmlns:telerikListViewCommands="clr-namespace:Telerik.XamarinForms.DataControls.ListView.Commands;assembly=Telerik.XamarinForms.DataControls"
    x:Name="page"
    prism:ViewModelLocator.AutowireViewModel="True">
 
    <ContentPage.Resources>
        <ResourceDictionary>
            <conv:NotConverter x:Key="NotConverter" />
        </ResourceDictionary>
        <DataTemplate x:Key="MobileHeader">
            <Grid ColumnDefinitions="*,100,100" RowDefinitions="38,2">
                <Label Grid.Column="0" Style="{StaticResource ReportHeaderLabel}" Text="Naziv" />
                <Label Grid.Column="1" HorizontalTextAlignment="Center" Style="{StaticResource ReportHeaderLabel}" Text="J.mj." />
                <Label Grid.Column="2" HorizontalTextAlignment="End" Style="{StaticResource ReportHeaderLabel}" Text="Ukupno" />
                <BoxView Grid.Row="1" Grid.ColumnSpan="3" BackgroundColor="LightGray" HeightRequest="2" />
            </Grid>
        </DataTemplate>
        <DataTemplate x:Key="inventoryStatusHeader">
            <Grid ColumnDefinitions="140,*,80,120" RowDefinitions="38,2">
                <Label Grid.Column="0" Style="{StaticResource ReportHeaderLabel}" Text="Šifra" />
                <Label Grid.Column="1" Style="{StaticResource ReportHeaderLabel}" Text="Naziv" />
                <Label Grid.Column="2" HorizontalTextAlignment="Center" Style="{StaticResource ReportHeaderLabel}" Text="J.mj." />
                <Label Grid.Column="3" HorizontalOptions="End" Style="{StaticResource ReportHeaderLabel}" Text="Ukupno" />
                <BoxView Grid.Row="1" Grid.ColumnSpan="4" BackgroundColor="LightGray" HeightRequest="2" />
            </Grid>
        </DataTemplate>
    </ContentPage.Resources>
    <StackLayout Margin="0" Padding="0" x:DataType="local:InventoryStatusReportPageViewModel" BackgroundColor="{OnPlatform Android={StaticResource Droid_DefaultBackgroundColor}}" Spacing="0">
        <local:NavigationBar />
        <BoxView IsVisible="{OnPlatform UWP=False, Android={OnIdiom Tablet=False, Phone=True}}" Style="{StaticResource BoxViewLine}" />
        <Grid Margin="0" Padding="15" BackgroundColor="{OnPlatform Android={StaticResource Droid_DefaultBackgroundColor}, UWP={StaticResource UWP_DefaultBackgroundColor}}" HorizontalOptions="FillAndExpand" RowDefinitions="Auto,*" RowSpacing="0" VerticalOptions="FillAndExpand">
            <StackLayout Grid.Row="0" Margin="0" Padding="0" Spacing="0">
                <StackLayout Margin="0" Padding="0" Orientation="Vertical" Spacing="0">
                    <Label FontSize="{OnPlatform Android=18, UWP=24}" HorizontalOptions="Start" IsVisible="{OnPlatform UWP=True, Android=False}" Text="{Binding Parameter.DisplayName}" TextColor="{OnPlatform Android={StaticResource Droid_DefaultTextColor}, UWP={StaticResource UWP_AccentTextColor}}" VerticalOptions="Center" />
                    <rend:CustomButton Margin="0,5" BackgroundColor="{StaticResource Droid_AccentTextColor}" ButtonType="PrimaryButton" Command="{Binding PrintItemCommand}" CornerRadius="{OnPlatform Android=5}" HeightRequest="{OnPlatform Android=35}" IsVisible="{Binding CanPrint}" Text="Ispiši izvještaj" TextColor="{OnPlatform Android=White}" />
                </StackLayout>
 
                <StackLayout Padding="{OnIdiom Phone='0,15,15,15', Default=15}" HorizontalOptions="Center" IsVisible="{Binding NoItemsOrLoadingError}">
                    <Label FontSize="Body" IsVisible="{Binding IsBusy, Converter={StaticResource NotConverter}}" Text="{Binding EmptyListMessage}" TextColor="{OnPlatform Android={StaticResource Droid_DefaultTextColor}, UWP={StaticResource UWP_DefaultTextColor}}" />
                </StackLayout>
            </StackLayout>
 
            <Grid Grid.Row="1" HorizontalOptions="FillAndExpand" IsVisible="{Binding HasItems}" RowDefinitions="*" VerticalOptions="FillAndExpand">
                <telerikDataControls:RadListView
                    Grid.Row="0"
                    HeaderTemplate="{OnIdiom Phone={StaticResource MobileHeader}, Default={StaticResource inventoryStatusHeader}}"
                    HorizontalOptions="FillAndExpand"
                    IsLoadOnDemandActive="{Binding IsBusy}"
                    IsLoadOnDemandEnabled="True"
                    ItemsSource="{Binding ReportItems}"
                    LoadOnDemandBufferItemsCount="{Binding PageSize}"
                    LoadOnDemandMode="Automatic" SelectionMode="None" VerticalOptions="FillAndExpand" VerticalScrollBarVisibility="Always">
 
                    <telerikDataControls:RadListView.Commands>
                        <telerikListViewCommands:ListViewUserCommand Command="{Binding LoadItemsCommand}" Id="LoadOnDemand" />
                    </telerikDataControls:RadListView.Commands>
 
                    <telerikDataControls:RadListView.ItemStyle>
                        <telerikListView:ListViewItemStyle BorderColor="#e0e0e0" BorderLocation="Bottom" BorderWidth="1" />
                    </telerikDataControls:RadListView.ItemStyle>
 
                    <telerikDataControls:RadListView.ItemTemplate>
                        <DataTemplate>
                            <telerikListView:ListViewTemplateCell>
                                <telerikListView:ListViewTemplateCell.View>
                                    <Grid x:DataType="models:InventoryStatus" ColumnDefinitions="{OnIdiom Phone='*,100,100', Default='140,*,80,120'}" RowDefinitions="{OnPlatform Android='50', UWP='40'}" RowSpacing="0">
                                        <Label Grid.Column="{OnPlatform UWP=0, Android={OnIdiom Phone=0, Tablet=0}}" IsVisible="{OnIdiom Phone=False, Default=True}" Style="{StaticResource ReportLabel}" Text="{Binding ItemCode}" />
                                        <Label Grid.Column="{OnPlatform UWP=1, Android={OnIdiom Tablet=1, Phone=0}}" Style="{StaticResource ReportLabel}" Text="{Binding ItemName}" />
                                        <Label Grid.Column="{OnPlatform UWP=2, Android={OnIdiom Tablet=2, Phone=1}}" HorizontalOptions="{OnPlatform UWP=CenterAndExpand, Android=FillAndExpand}" HorizontalTextAlignment="{OnPlatform Android=Center}" Style="{StaticResource ReportLabel}" Text="{Binding UnitOfMeasure}" />
                                        <Label Grid.Column="{OnPlatform UWP=3, Android={OnIdiom Tablet=3, Phone=2}}" HorizontalTextAlignment="End" Style="{StaticResource ReportLabel}" Text="{Binding ItemsTotal, StringFormat='{0:N2}'}" />
                                    </Grid>
                                </telerikListView:ListViewTemplateCell.View>
                            </telerikListView:ListViewTemplateCell>
                        </DataTemplate>
                    </telerikDataControls:RadListView.ItemTemplate>
                </telerikDataControls:RadListView>
            </Grid>
        </Grid>
    </StackLayout>
 
</ContentPage>

We have something logged on our own. Here's info for a couple of users with exceptions that contain "ListView":

User 1
M San Grupa d.d. Desktop UWP Windows 10.0.19042.1466 64-bit

User 2
BIOSTAR Group P43-A7 Desktop UWP Windows 10.0.18363.592 64-bit
BIOSTAR Group P43-A7 Desktop UWP Windows 10.0.19042.1415 64-bit

User 3
LENOVO 10KYS00D00 Desktop UWP Windows 10.0.19041.1415 64-bit

User 4
Gigabyte Technology Co., Ltd. B365M D3H-RD Desktop UWP Windows 10.0.19042.1415 64-bit

 

I was unfortunately mistaken about the number of crashes. Turns out that we clear everything from our log older than one month :/ So it seems like it's a much more frequent type of crash than I initially thought.

Windows versions vary. User 2 above even had it happen on 19H2 and 20H2.

Not sure if something changed with 21H1. We don't have a lot of sample data to see that.

Hi,

We haven't been unable to reproduce it either. It has never happened to us during development and testing, and it seems very rare and random in production. One user does seem to be having lots of problems; during the first month of 2022, we have 15 "value does not fall" exceptions for them.

Attaching the entire project is unfortunately not legally possible.

We don't use an ItemTemplateSelector.

RadListViews are defined like this:

<ContentPage.Resources>
        <DataTemplate x:Key="MobileHeader">
            <Grid ColumnDefinitions="*,100,100" RowDefinitions="38,2">
                <Label Grid.Column="0" Style="{StaticResource ReportHeaderLabel}" Text="Naziv" />
                <Label Grid.Column="1" HorizontalTextAlignment="Center" Style="{StaticResource ReportHeaderLabel}" Text="J.mj." />
                <Label Grid.Column="2" HorizontalTextAlignment="End" Style="{StaticResource ReportHeaderLabel}" Text="Ukupno" />
                <BoxView Grid.Row="1" Grid.ColumnSpan="3" BackgroundColor="LightGray" HeightRequest="2" />
            </Grid>
        </DataTemplate>
        <DataTemplate x:Key="inventoryStatusHeader">
            <Grid ColumnDefinitions="140,*,80,120" RowDefinitions="38,2">
                <Label Grid.Column="0" Style="{StaticResource ReportHeaderLabel}" Text="Šifra" />
                <Label Grid.Column="1" Style="{StaticResource ReportHeaderLabel}" Text="Naziv" />
                <Label Grid.Column="2" HorizontalTextAlignment="Center" Style="{StaticResource ReportHeaderLabel}" Text="J.mj." />
                <Label Grid.Column="3" HorizontalOptions="End" Style="{StaticResource ReportHeaderLabel}" Text="Ukupno" />
                <BoxView Grid.Row="1" Grid.ColumnSpan="4" BackgroundColor="LightGray" HeightRequest="2" />
            </Grid>
        </DataTemplate>
    </ContentPage.Resources>

<telerikDataControls:RadListView
    Grid.Row="0"
    HeaderTemplate="{OnIdiom Phone={StaticResource MobileHeader}, Default={StaticResource inventoryStatusHeader}}"
    HorizontalOptions="FillAndExpand"
    IsLoadOnDemandActive="{Binding IsBusy}"
    IsLoadOnDemandEnabled="True"
    ItemsSource="{Binding ReportItems}"
    LoadOnDemandBufferItemsCount="{Binding PageSize}"
    LoadOnDemandMode="Automatic" SelectionMode="None" VerticalOptions="FillAndExpand" VerticalScrollBarVisibility="Always">
 
                    <telerikDataControls:RadListView.Commands>
                        <telerikListViewCommands:ListViewUserCommand Command="{Binding LoadItemsCommand}" Id="LoadOnDemand" />
                    </telerikDataControls:RadListView.Commands>
 
                    <telerikDataControls:RadListView.ItemStyle>
                        <telerikListView:ListViewItemStyle BorderColor="#e0e0e0" BorderLocation="Bottom" BorderWidth="1" />
                    </telerikDataControls:RadListView.ItemStyle>
 
                    <telerikDataControls:RadListView.ItemTemplate>
                        <DataTemplate>
                            <telerikListView:ListViewTemplateCell>
                                <telerikListView:ListViewTemplateCell.View>
                                    <Grid x:DataType="models:InventoryStatus" ColumnDefinitions="{OnIdiom Phone='*,100,100', Default='140,*,80,120'}" RowDefinitions="{OnPlatform Android='50', UWP='40'}" RowSpacing="0">
                                        <Label Grid.Column="{OnPlatform UWP=0, Android={OnIdiom Phone=0, Tablet=0}}" IsVisible="{OnIdiom Phone=False, Default=True}" Style="{StaticResource ReportLabel}" Text="{Binding ItemCode}" />
                                        <Label Grid.Column="{OnPlatform UWP=1, Android={OnIdiom Tablet=1, Phone=0}}" Style="{StaticResource ReportLabel}" Text="{Binding ItemName}" />
                                        <Label Grid.Column="{OnPlatform UWP=2, Android={OnIdiom Tablet=2, Phone=1}}" HorizontalOptions="{OnPlatform UWP=CenterAndExpand, Android=FillAndExpand}" HorizontalTextAlignment="{OnPlatform Android=Center}" Style="{StaticResource ReportLabel}" Text="{Binding UnitOfMeasure}" />
                                        <Label Grid.Column="{OnPlatform UWP=3, Android={OnIdiom Tablet=3, Phone=2}}" HorizontalTextAlignment="End" Style="{StaticResource ReportLabel}" Text="{Binding ItemsTotal, StringFormat='{0:N2}'}" />
                                    </Grid>
                                </telerikListView:ListViewTemplateCell.View>
                            </telerikListView:ListViewTemplateCell>
                        </DataTemplate>
                    </telerikDataControls:RadListView.ItemTemplate>
                </telerikDataControls:RadListView>