Jayasankar Gopalan
Rank: #36487
23Views
3Comments
Solved
How to adjust a popup width on Reactive Web
Question
Reactive
Application Type
Reactive
Service Studio Version
11.10.0 (Build 34711)

I would like to make the popup wider. Please refer the image for the current popup screen.

I an new and appreciate detailed explanation.

Cheers.

Popup.png

0
0
on 2020-11-30
Copy link to comment
Benjith Sam
mvp_badge
MVP
Rank: #75
Solution

Hi  Jayasankar,

Based on the mentioned case, you will have to 

1) Add a custom class (with a space/blank after the default class) to the popup widget Style Classes property as shown below.

Ex: custom-popup-style

2) Add a class definition to the respective Screen Style Sheet section as mentioned below

.custom-popup-style {
    min-width: 70%;
}


Hope this helps you!


Kind regards,

Benjith Sam

3
0
on 2020-11-30
Copy link to comment
Jayasankar Gopalan
Rank: #36487

Hi Ben,

min-width worked. Thanks lot.

There are many other suggestions that didn't work.

Cheers

0
0
on 2020-11-30
Copy link to comment
Swapnil
Rank: #328
2
0
on 2020-11-30
Copy link to comment