Skip to main content

This content is closed to future replies and is no longer being maintained or updated.
Links may no longer function. If you have a similar request, please write a new post.

Question

 Laswitsch Costa (Laswitsch)
Paraná Banco SA

Paraná Banco SA
BR
Laswitsch Member since 2016 5 posts
Paraná Banco SA
Posted: Mar 24, 2017
Last activity: Apr 4, 2017
Posted: 24 Mar 2017 7:14 EDT
Last activity: 4 Apr 2017 10:12 EDT
Closed
Solved

Custom Modal Dialog position into the screen

Hello everybody

I need to move the modal dialog from the center of the screen to the right in order to do not cover an important part of the parent page.

I can replicate the same on the modal screen as a workaround, but that is not the ideal in my case.

I've been looking into HTML source of pzModalAction with no luck (but I'm not a javascript/css specialist).

Any guidance/tip would be highly appreciated.

Thanks in advance

To see attachments, please log in.
Dev/Designer Studio
Low-Code App Development
User Experience

Accepted Solution

Posted: 8 years ago
Posted: 30 Mar 2017 15:22 EDT
Shanthini Charles (ShanthiniC)
Techmahindra

Techmahindra
IN

Hello Las,

Yes your understanding is completely correct. By default when it is a modal dialog component its behavior is show in the centre. This ability is based on the browser and not respective to Applications however we have a scope of overriding with Cascading Style Sheets(CSS).

Let us know if you still have any questions?

Regards,

Shanthini Charles

To see attachments, please log in.
Posted: 8 years ago
Posted: 28 Mar 2017 8:52 EDT
Laswitsch Costa (Laswitsch)
Paraná Banco SA

Paraná Banco SA
BR

Hi Neha,

Thank you for your reply.


I had checked before those options under skin rule and come to check again as you mentioned, but there is no option regarding the modal position on the screen, which is always positioned in the center. I would like to make it appear on the right side instead of centered as it is now.

 

Best regards,
Las

To see attachments, please log in.
Posted: 8 years ago
Posted: 28 Mar 2017 15:12 EDT
Laswitsch Costa (Laswitsch)
Paraná Banco SA

Paraná Banco SA
BR

Hi AkshaySinha,

Thank you for your answer mate.

And I'm sorry if it is a tool dumb question, I don't know this tool, "browser developer tool", within Pega Personal Edition, would you mind let me know where I can find it?


Thanks again in advance

To see attachments, please log in.
Posted: 8 years ago
Posted: 29 Mar 2017 0:03 EDT
Mahesh Midthuru (Mahesh Midthuru)
PEGA
Senior Principal Application Engineer, Customer Service Digital
Pegasystems Inc.
US

Hi Las,

Browser developer tools is not a Pega tool, it is browser specific tool which is provided to the developer for debugging the client side code by browsers.

Chrome -> Ctrl+Shift+I shortcut can be used to open the developer tool

IE -> F12 can be used

Note: If this shortcuts doesn't work then you can go to the settings of browser and see in the list of options provided, else you can google it for your specific browser.

Hope you might find it with this information.

Regards

Mahesh

To see attachments, please log in.
Posted: 8 years ago
Posted: 30 Mar 2017 14:55 EDT
Laswitsch Costa (Laswitsch)
Paraná Banco SA

Paraná Banco SA
BR

Hi all,

 

So, as far I could understand til this point, if I wish to change the modal position, I need to kind of force it through the css caught by "Browser developer tools".

Best regards,
Las

To see attachments, please log in.

Accepted Solution

Posted: 8 years ago
Posted: 30 Mar 2017 15:22 EDT
Shanthini Charles (ShanthiniC)
Techmahindra

Techmahindra
IN

Hello Las,

Yes your understanding is completely correct. By default when it is a modal dialog component its behavior is show in the centre. This ability is based on the browser and not respective to Applications however we have a scope of overriding with Cascading Style Sheets(CSS).

Let us know if you still have any questions?

Regards,

Shanthini Charles

To see attachments, please log in.

We'd prefer it if you saw us at our best.

Pega Collaboration Center has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice