How to remove the ripple effect when we click on any ListBoxItem control/ any control?

[suryarajb]

Hi. I've been trying to remove the ripple effect whenever I click on any of my ListBoxItems, but never seem to be able to do so. Need some help 😅

[SKProCH]

Hello, did you need ability to select items, or you just want display it without selecting?

[suryarajb]

Thanks!

[SKProCH]

In this case i think you need to replace override ListBoxItem style. Something like that:

<Style Selector="ListBoxItem">
    <Setter Property="Foreground" Value="{TemplateBinding Foreground}" />
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="Padding" Value="8" />
    <Setter Property="Template">
        <ControlTemplate>
            <Border Name="PART_RootBorder"
                    CornerRadius="{TemplateBinding CornerRadius}"
                    Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}">
                <Panel Name="PART_RootPanel">
                    <Border Name="selectedBorder"
                            Background="{TemplateBinding Foreground}"
                            CornerRadius="{TemplateBinding CornerRadius}" />
                    <Border Name="pointerOverBorder"
                            Background="{TemplateBinding Foreground}"
                            CornerRadius="{TemplateBinding CornerRadius}" />
                    <Border CornerRadius="{TemplateBinding CornerRadius}"
                            ClipToBounds="True">
                            <ContentPresenter Name="PART_ContentPresenter"
                                              Background="{TemplateBinding Background}"
                                              BorderBrush="{TemplateBinding BorderBrush}"
                                              BorderThickness="{TemplateBinding BorderThickness}"
                                              ContentTemplate="{TemplateBinding ContentTemplate}"
                                              Content="{TemplateBinding Content}"
                                              Padding="{TemplateBinding Padding}"
                                              VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                              HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" />
                    </Border>
                </Panel>
            </Border>
        </ControlTemplate>
    </Setter>
</Style>

[suryarajb]

Will try this to override the ListBox styles, thanks a ton!

[SKProCH]

Not a ListBox style, you need to override ListBoxItem

[suryarajb]

Ohh alright got it