215
Views
6
Comments
popup not responsive
Question

Hi All,

I have implemented bootstrap theme in my application. And using that I created a responsive popup screen(popup editor), but the popup is not being responsive, instead it displays the smallest layout even in desktops. here is a picture.



Thanks and regards,

Samuel Stephen R.

2020-10-27 09-20-27
John Salamat
 
MVP

Is your "Source Web Block" set to Layout\LayoutPopup?

UserImage.jpg
Samuel Stephen

John Alvin Salamat wrote:

Is your "Source Web Block" set to Layout\LayoutPopup?

yes


2018-08-26 20-34-32
Pankaj pant

Samuel Stephen wrote:

Hi All,

I have implemented bootstrap theme in my application. And using that I created a responsive popup screen(popup editor), but the popup is not being responsive, instead it displays the smallest layout even in desktops. here is a picture.



Thanks and regards,

Samuel Stephen R.

Hi Samuel,

which popup are you using silk or Bootstarp?

Both are different.

Regards,

Pant


UserImage.jpg
Samuel Stephen

S pant wrote:

Samuel Stephen wrote:

Hi All,

I have implemented bootstrap theme in my application. And using that I created a responsive popup screen(popup editor), but the popup is not being responsive, instead it displays the smallest layout even in desktops. here is a picture.



Thanks and regards,

Samuel Stephen R.

Hi Samuel,

which popup are you using silk or Bootstarp?

Both are different.

Regards,

Pant


silk


2018-08-26 20-34-32
Pankaj pant

Samuel,


can you please put this CSS in your code.

.os-internal-ui-dialog.os-internal-ui-widget.os-internal-ui-widget-content.os-internal-ui-corner-all.os-internal-Popup.os-internal-ui-draggable {

 width: 500px !important;

}

Regards,

Pant

2020-11-04 06-52-56
Atul Patel

Hi Samuel,


If you want responsive popup try below forge component.

https://www.outsystems.com/forge/component-discussions/2893/Magnific+Popup


Hope it helps.


Thanks

Atul

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