23
Views
3
Comments
Solved
How to adjust a popup width on Reactive Web
Question
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

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

Rank: #36487

Hi Ben,

min-width worked. Thanks lot.

There are many other suggestions that didn't work.

Cheers

Rank: #328