Properties like height of the flipping cards

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

Add comment

Damian Gemza staff answered 7 years ago

0 0 Best answer

Please insert min. 20 characters.

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB Angular
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Teschke

Pro User 15Support score
3Questions 3Answers 0Snippets