621
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
2021-03-18 21-03-15
Benjith Sam
 
MVP
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

UserImage.jpg
Jayasankar Gopalan

Hi Ben,

min-width worked. Thanks lot.

There are many other suggestions that didn't work.

Cheers

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.