I want to resize a Pop-Up and position it at the top of the screen. I can get this done but only one of the 2 at a time. Either resize the Pop-Up or position the Pop-Up to the top of the screen. See style and classes used are shown below. I will appreciate if someone can support me in getting both done simultaneously.
Screen Style Sheet:
Pop-Up Class: Space between dialog and Size
Pop-Up is resized but in center of screen
Pop-Up Class: Period between dialog and Size
Pop-Up is at top of screen but not resized
Hello Fabio,
Thank you for your response.
I did as you proposed. The resizing works but not the position. If I remove the resizing css the popup moves to the top. But, with the resizing css, the popup does not see the backdrop part??
I also tried putting all 4 statements into one style. No luck. Just the resize part works.
Thank you for the support. It works as described.
One must just realise that the position of the Popup is only seen in the browser after deployment.
Hello Louis,
Use this:
and css:
I forgot to mention. My observations are all in Service Studio. I did not publish. Not sure if this makes a difference.
I published and it works now. Thank you.
One more question please: How can I make the position apply to only selected popups on the same screen?
Hello,
Yes makes a difference in my case, i did a "demo" using your case and it appears like that:
PopUp
can you tell me the steps to do this, I want to show the popup in the bottom of my screen in my mobile app.