How to disable the fade-in and out animation when switching


Topic: How to disable the fade-in and out animation when switching tabs

MPL pro premium asked 2 years ago

Hi all,

I am using MBD tabs with my angular application: https://mdbootstrap.com/docs/angular/navigation/tabs/#docsTabsOverview

When switching tabs, as in the link above it has a flash type fade-in/out effect. I am wonder how I can remove/ disable this?

Thanks


Arkadiusz Idzikowski staff answered 2 years ago

You can disable animation for a specific tab by setting [fade] input to false:

<mdb-tabs>
  <mdb-tab title="Tab 1" [fade]="false">Tab content 1</mdb-tab>
  <mdb-tab title="Tab 2">Tab content 2</mdb-tab>
  <mdb-tab title="Tab 3">Tab content 3</mdb-tab>
</mdb-tabs>

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 3.0.1
  • Device: Laptop
  • Browser: All
  • OS: Linux
  • Provided sample code: No
  • Provided link: Yes