Modal near Bottom of Screen

Modal near Bottom of Screen

  

Hello, 


I'm trying to have the modal in the center of the screen, but for some reason it's showing on the bottom. I also put the widget high up on the screen, but it keeps showing up on the bottom 



I tried adding a margin at the bottom of the container to lift it, but it didn't work. Any help will be appreciated. Thank you.

Hello Stephen,

Does not matter where you put the widget. It has CSS to go to the bottom of the screen.

You can inspect it to find the CSS and change it to whatever you need.

Or...

Take a look at this component

https://www.outsystems.com/forge/component/2486/mymodal/

Cheers

Solution

Stephen Lightcap wrote:

Hi Stephen,

Put this css code it will make your modal centeric



body.ModalOpened .ModalContainer {




  1.     display: block;
  2.     -webkit-transform: translateX(-50%) translateY(-60%) translateZ(0);
  3.     -ms-transform: translateX(-50%) translateY(-60%) translateZ(0);
  4.     transform: translateX(-50%) translateY(-60%) translateZ(0);



}

thanks,

PP

Solution