Net maui windows and macos how to remove blue indicator on collectionview ?

Question

Net maui windows and macos how to remove blue indicator on collectionview ?

Sami 986

After update appear blue indicator on collectionview and listview Net maui windows and macos platform how to remove blue indicator on collectionview ?

Viorel 125.6K Reputation points

2025-11-23T02:28:07.43+00:00
Check some ideas:

https://learn.microsoft.com/en-us/answers/questions/5629642/

Does that graphic element really represent a serious inconvenience?

Michael Le (WICLOUD CORPORATION) 5,930 Microsoft External Staff Moderator

Hello @Sami ,

So far, I can only remove the blue indicator create a blank style for ListViewItem on Windows platform. Add this in your MauiProgram.cs:

using MauiApp1;
using Microsoft.Maui.Controls.Handlers.Items;
#if WINDOWS
using Microsoft.UI.Xaml.Controls;
#endif
public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {
        var builder = MauiApp.CreateBuilder();
        builder.UseMauiApp<App>();
        CollectionViewHandler.Mapper.AppendToMapping("NoMoreBlueBox", (handler, view) =>
        {
#if WINDOWS
            var nativeListView = handler.PlatformView;
            if (nativeListView == null) return;
            var style = new Microsoft.UI.Xaml.Style(typeof(ListViewItem));
            nativeListView.ItemContainerStyle = style;
#endif
        });
        return builder.Build();
    }
}

Although the blue indicator is removed, there might be some potential issues with this approach, such as losing default behaviors or styles associated with ListViewItem. I hope this helps.

Sami 986 Reputation points

2025-11-25T01:32:45.5166667+00:00

yes this code is removed blue indiocator but i have between items margin or padding wider than before how to fix ?
Harry Vo (WICLOUD CORPORATION) 3,505 Reputation points Microsoft External Staff Moderator

2025-11-28T08:56:38.1+00:00

Hi @Sami , Michael's just posted his response, hope you can have a check!

Answer accepted by question author

0 additional answers

Your answer

Viorel 125.6K Reputation points

2025-11-23T02:28:07.43+00:00

Check some ideas:

https://learn.microsoft.com/en-us/answers/questions/5629642/

Does that graphic element really represent a serious inconvenience?
Michael Le (WICLOUD CORPORATION) 5,930 Reputation points Microsoft External Staff Moderator

2025-11-24T11:07:15.1933333+00:00

Hello @Sami ,

So far, I can only remove the blue indicator create a blank style for ListViewItem on Windows platform. Add this in your MauiProgram.cs:

using MauiApp1; using Microsoft.Maui.Controls.Handlers.Items; #if WINDOWS using Microsoft.UI.Xaml.Controls; #endif public static class MauiProgram { public static MauiApp CreateMauiApp() { var builder = MauiApp.CreateBuilder(); builder.UseMauiApp<App>(); CollectionViewHandler.Mapper.AppendToMapping("NoMoreBlueBox", (handler, view) => { #if WINDOWS var nativeListView = handler.PlatformView; if (nativeListView == null) return; var style = new Microsoft.UI.Xaml.Style(typeof(ListViewItem)); nativeListView.ItemContainerStyle = style; #endif }); return builder.Build(); } }

Although the blue indicator is removed, there might be some potential issues with this approach, such as losing default behaviors or styles associated with ListViewItem. I hope this helps.
Sami 986 Reputation points

2025-11-25T01:32:45.5166667+00:00

yes this code is removed blue indiocator but i have between items margin or padding wider than before how to fix ?
Harry Vo (WICLOUD CORPORATION) 3,505 Reputation points Microsoft External Staff Moderator

2025-11-28T08:56:38.1+00:00

Hi @Sami , Michael's just posted his response, hope you can have a check!

Answer 1

Hello @Sami ,

I've spent more time investigating this issue.

I've tested other approaches including modifying style templates and creating custom handlers, but none successfully hide the check mark without side effects.

User's image

After the 10.0.10 update, the default WinUI selection visual is now being enforced. The ListView style configuration inherited from WinUI hasn't technically changed, but the rendering behavior has shifted. Unfortunately, there doesn't appear to be a documented or publicly supported way to simply disable this specific visual element.

Best approach moving forward

Given the limitations we've encountered, the most practical solution is still to handle selection manually:

Set SelectionMode="None" on your CollectionView to completely bypass the native selection behavior.

Implement your own selection logic using a TapGestureRecognizer in your ItemTemplate.

  <CollectionView SelectionMode="None" ItemsSource="{Binding Items}">
      <CollectionView.ItemTemplate>
          <DataTemplate>
              <Grid>
                  <Grid.GestureRecognizers>
                      <TapGestureRecognizer Command="{Binding Source={RelativeSource AncestorType={x:Type local:YourViewModel}}, Path=SelectItemCommand}" CommandParameter="{Binding .}" />
                  </Grid.GestureRecognizers>
                  <!-- Your item UI here -->
              </Grid>
          </DataTemplate>
      </CollectionView.ItemTemplate>
  </CollectionView>

Control the visual state (background color, borders, etc.) through your ViewModel to indicate selected items.

While it is not ideal, this approach is currently the only reliable way.

Share via

Net maui windows and macos how to remove blue indicator on collectionview ?

0 additional answers

Your answer