Disable Header Tap Animations (Ripple)

[Bryson Scales]

Since I am making a cross platform application in .NET MAUI, I would like to remove all native platform effects to keep a consistent look and feel accross both platforms. How can i disbale the ripple tap effect when tapping an AccordionItem Header. I currently have my own header content but that isn't enough to override the ripple effect.

Thanks,

Bryson

[RiyasHameed MohamedAbdulKhader]

Hi Bryson Scales,

We would like to inform you that you can disable the ripple effect when tapping on the SfAccordion header by utilizing theme keys. The solution is to set the ripple background to Transparent through the Syncfusion theme dictionary.

By setting the SfAccordionHeaderRippleBackground to Transparent, the visual ripple effect that appears when users tap on the accordion header will be effectively disabled.

We have attached a code snippet and a sample for your reference:

<ContentPage.Resources>

    <syncTheme:SyncfusionThemeDictionary>

        <syncTheme:SyncfusionThemeDictionary.MergedDictionaries>

            <ResourceDictionary>

                <x:String x:Key="SfAccordionTheme">CustomTheme</x:String>

                <Color x:Key="SfAccordionHeaderRippleBackground">Transparent</Color>

            </ResourceDictionary>

        </syncTheme:SyncfusionThemeDictionary.MergedDictionaries>

    </syncTheme:SyncfusionThemeDictionary>

</ContentPage.Resources>

<accordion:SfAccordion>

    ...

</accordion:SfAccordion>

Regards,
Riyas Hameed M