CODEWITHSUNDEEP
angularangular6
Apple Orange
Apple Orange

Reputation: 686

Set width and height for modal angular 4

In my modal width and height is applying all modal but i want apply only what i have opened modal. If you see my code easily understand.

This is my code:

<app [(visible)]="test" [height]="height" [width]="width"> 
</app>
<app2 [(visible)]="test2" [height]="height" [width]="width"> 
</app2>

I am trying to set width and height and title only what i have opened popup modal not all popup.

Open popup and check in inspect element for two popup's height and width and title. How to fix this issue?

Upvotes: 1

Views: 282

Answers (1)

Sujeith Gopi Nath
Sujeith Gopi Nath

Reputation: 430

In a simple workaround, you can set the app modal size with the help of CSS. Use a parent holder element with unique CSS to modify the style of the 

<div class="app1-style"> <app [(visible)]="test"></app> </div>
<div class="app2-style"> <app [(visible)]="test"></app> </div>

Upvotes: 2

Related Questions