Properties like height of the flipping cards

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Properties like height of the flipping cards

Teschke pro asked 7 years ago

Hey there, does a detailed information of the flipping cards exist? I want to change the height of the cards depending on the used component. The min-height and height properties of 500px are set global and override my changes in the component. Thx and greetz Pierre

Damian Gemza staff answered 7 years ago

Deat Teschke, We haven't got other documentation for our components than https://mdbootstrap.com/angular. The height of the flipping card is set in .card-wrapper class. You can update that height by using Renderer2 setStyle method. Here's the code: 
constructor(private renderer: Renderer2, private el: ElementRef) { }

ngOnInit() {

let cardWrapper = this.el.nativeElement.querySelectorAll('.card-wrapper');

this.renderer.setStyle(cardWrapper[0], 'height', '700px');

}
Best Regards, Damian
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: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Teschke
Pro User
15Support score
3Questions 3Answers
0Snippets likes 0Snippets