20
Views
3
Comments
Solved
Reactive: increase width of pop up
Question

Dear community,

I am working in Reactive and I would like to create a pop up that is almost as big as my entire screen (about 80 to 90%). 

Increasing the length of the pop up does not seem to be a problem, but I cannot figure out a way to increase the width as well. 

Any suggestion? 

Kind regards,

Liesbeth

mvp_badge
MVP
Rank: #76
Solution

Hi Liesbeth,

Just add the below CSS in the respective Screen style sheet section 

.popup-dialog {
    min-width: 215vh;
    height: 95vh;
}

Hope this helps you!

PS: If you do have multiple popup within the screen and you want to define css definition to a specific popup. In that case define an additional class in the Popup style class property value like "popup-dialog custom-style" 

Then in the screen style sheet define the below css definition: 

.popup-dialog.custom-style {
    min-width: 215vh;
    height: 95vh;
}


Kind regards,

Benjith Sam

Rank: #621

Hi Benjith,

Thank you for your fast and helpfull response! I hadn't heard about vh, but now I won't forget :)

Kind regards,

Liesbeth