Topic: Tabs animation not working - not fading in/out
                  
                  Martin
                  free
                  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:
- Setup brand new angular project with MDB Pro version
 - Paste first example of Tab source code into component template
 - After ng serve startup, there is no fading animation for tab switching
 
                      
                      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
Martin free 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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: 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
 
Martin free 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