Flipping cards not working in Angular Pro

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Flipping cards not working in Angular Pro

frazer@technology.design pro asked 7 years ago

We recently purchased the Pro version of MDB Angular and have been trying to set up rotating cards for our project however, the functionality doesn't seem to work and both the sides of the card are spit out on the page at the same time. Can you please provide a guide/documentation how to best utilize this pro component as we're unable to find any in the public forum.

Damian Gemza staff answered 7 years ago

Dear Frazer Jamiesion, Here you can find every information about Angular Flipping Cards: https://mdbootstrap.com/angular/components/flipping-cards/ But you have to notice, that if you want more than one flipping cards of one type, you have to change their identifiers for example #cards1, #cards2, #cards3 and then change onClick methods cards.toggle() to cards1.toggle(), cards2.toggle, cards3.toggle(). If you're facing other problems, let me know, and I'll help you. Best Regards, Damian

moulot pro premium priority answered 5 years ago

hello, in a for loop how can i setup dynamically the identifiers (#cards1) and the toggle method (cards1.toggle)

Arkadiusz Idzikowski staff answered 5 years ago

If you want to create multiple flipping cards in ngFor loop, it would be a good idea to create new sub component with private html template and add the flipping card code there.

Your question is not the same as the original question in this thread. In the future please create new thread for such case.

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

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
frazer@technology.design
Pro User
10Support score
3Questions 1Answers
0Snippets likes 0Snippets