MAUI Syncfusion ListView How to set busy indicator color?

Question

I'm using Syncfusion's SfListView in my MAUI app. While lazy loading a busy indicator is shown. How can I set the color of the loading indicator?

<listView:SfListView Grid.Row="2" Grid.Column="0"
                     x:Name="ListView"
                     ItemsSource="{Binding Results}"
                     AutoFitMode="Height"
                     LoadMoreOption="Auto"
                     LoadMoreCommand="{Binding LoadMoreItemsCommand}"
                     LoadMoreCommandParameter="{Binding Source={x:Reference ListView}}"
                     IsVisible="{Binding IsAvailable}" >

    <listView:SfListView.ItemTemplate>
        <DataTemplate x:DataType="contracts:MyDto">
                <VerticalStackLayout Margin="0,0,0,30">

                    <VerticalStackLayout.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding Source={RelativeSource AncestorType={x:Type viewModels:MyViewModel}}, Path=TapEntryCommand}"
                                              CommandParameter="{Binding}"/>
                    </VerticalStackLayout.GestureRecognizers>

                    <HorizontalStackLayout>
                        <Label Text="(" />
                        <Label Text="{Binding Date, StringFormat='{0:dd.MM.yyyy}'}" />
                        <Label Text=")" />
                    </HorizontalStackLayout>

                </VerticalStackLayout>
        </DataTemplate>
    </listView:SfListView.ItemTemplate>

</listView:SfListView>

@Julian The indicator is shown an the bottom of the SfListView while loading more data. — Frank Mehlhop
– Frank Mehlhop, Commented Sep 11, 2023 at 14:29
@Julian Nope, it is the indicator out of the SfListView -box. — Frank Mehlhop
– Frank Mehlhop, Commented Sep 11, 2023 at 14:38
According to the docs, you can set a custom LoadMoreTemplate. It doesn't say anything about customizing the indicator color. I would expect that it uses the primary color or a system color for this. — Julian
– Julian, Commented Sep 11, 2023 at 14:38

Dharman · Accepted Answer · 2024-01-16 20:23:06Z

1

It works using the DataTemplate...

<listView:SfListView Grid.Row="2" Grid.Column="0"
                     x:Name="ListView"
                     ItemsSource="{Binding Results}"
                     AutoFitMode="Height"
                     LoadMoreOption="Auto"
                     LoadMoreCommand="{Binding LoadMoreItemsCommand}"
                     LoadMoreCommandParameter="{Binding Source={x:Reference ListView}}"
                     IsVisible="{Binding IsAvailable}" >
    <listView:SfListView.LoadMoreTemplate>
        <DataTemplate>
            <listView:ListViewLoadMoreIndicator
                IsRunning="{Binding IsLazyLoading, Source={x:Reference Name=ListView}}"
                IsVisible="{Binding IsLazyLoading, Source={x:Reference Name=ListView}}" 
                Color="{StaticResource PrimaryColor}" />
        </DataTemplate>
    </listView:SfListView.LoadMoreTemplate>

edited Jan 16, 2024 at 20:23

Dharman♦

33.9k27 gold badges105 silver badges157 bronze badges

answered Sep 11, 2023 at 14:51

Frank Mehlhop

2,3445 gold badges43 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

MAUI Syncfusion ListView How to set busy indicator color?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related