Skip to Content (Press Enter)
2020-02-07 09-04-54
Liesbeth
3262Views
4Comments
Solved
Reactive: increase width of pop up
Question
Reactive
CSS

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

2
0
05 Nov 2020
Copy Link
2021-03-18 21-03-15
Benjith Sam
 
MVP
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

23
0
05 Nov 2020
Copy Link
2020-02-07 09-04-54
Liesbeth

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

0
0
06 Nov 2020
Copy Link
2021-03-18 21-03-15
Benjith Sam
 
MVP

You are most welcome :)

Glad I could be of help to you :)


Kind regards,

Benjith Sam

0
0
07 Nov 2020
Copy Link
2019-01-03 11-28-50
Silvio Garbes Lara

Select the Popup -> Click in Styles. In the box Style Properties Applied set:

max-width: 90%;


9
0
30 Jun 2022
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.