Tabs animation not working - not fading in/out

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Tabs animation not working - not fading in/out

DoitooApp asked 6 years ago

Dear MDB team,

I noticed that animation of fade in/out in Tabs components is not working for Angular version 7.4.0.

Replication steps:

  1. Setup brand new angular project with MDB Pro version
  2. Paste first example of Tab source code into component template
  3. After ng serve startup, there is no fading animation for tab switching

DoitooApp commented 6 years ago

I tried also with version 7.3.0 and 7.2.0 with the same results - there is no tab animations

Damian Gemza staff answered 6 years ago

Dear DoitooApp,

About which fade in / out animation in basic tabs are you talking about? The text animation?

Please try to use one of our ready-to-use animations. Just add the .animataed .fadeIn classes to the mdb-tab content, and check if this is what you need.

Best Regards,

Damian

DoitooApp commented 6 years ago

Hi Damian,

I wasn't aware that these classes need to be added to the tags explicitly, but that solved the issue! Thank you!

Kr, Martin
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
About author
Martin
10Support score
2Questions 0Answers
0Snippets likes 0Snippets