Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
abdullah rafique
65
Remove animations/transitions from tabs switching
posted

Hi Infragistics forum,

I'm new to Ignite UI and using the tabs in our Angular 13 application and want to remove the transitions while we navigate the tabs.

looking forward to hearing back from you soon.

thanks 

Muhammad Abdullah

Parents
No Data
Reply
  • 460
    Offline posted

    Hello Abdullah,

    Thank you for posting in our community.

    I have been looking into your question and disabling the animations of the IgxTabsComponent is done with the disableAnimation property which is set to true, like the following:

    <igx-tabs disableAnimation="true">
    <igx-tab-item>
        <igx-tab-header>
            Tab 1
        </igx-tab-header>
        <igx-tab-content>Tab 1 Content</igx-tab-content>
    </igx-tab-item>
    <igx-tab-item>
        <igx-tab-header>
            Tab 2
        </igx-tab-header>
        <igx-tab-content>Tab 2 Content</igx-tab-content>
    </igx-tab-item>
</igx-tabs>

    In addition, I have prepared a small sample illustrating my suggestion which could be found here. Please test it on your side and let me know how it behaves.

    If you require any further assistance on the matter, please let me know.

    Regards,

    Georgi Anastasov

    Entry Level Software Developer

    Infragistics

Children