popup not responsive

popup not responsive

  

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.

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

John Alvin Salamat wrote:

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

yes


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


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


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

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