Question
Accenture
IN
Last activity: 22 Dec 2017 6:22 EST
Modal Dialog Box is cut off by some grey bar
Hi All,
I have a repeating grid and one of the column is a link which on click opens a modal dialog.
My issue is in the dialog box appearance with respect to the background repeating grid layout. It is getting cut off without displaying the entire modal dialog box. I see some blank space below the modal dialog and i need to scroll to see the contents of the dialog box. I am attaching the screen print. I am talking about the yellow highlighted box in the screenshot.
Can anyone suggest what could be the issue?
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
Accepted Solution
Accenture
IN
Hi All,
I was able to resolve the issue at Section level changes. I had a section getting called from Harness. Within the section, I had a dynamic container which holds my entire content. There was a checkbox "Size to content" checked by default on the dynamic container settings. I unchecked it and it worked.
Please find attached screenshot on what i explained above.
Thank you all for your prompt replies. Really appreciate your quick responses to our queries. :)
Hope my logic do work in SSO. I will check that and let you know if i face any issue.
Pegasystems Inc.
US
Hi,
We can hide it by using CSS (display:none) for the div which is displaying it. But first can you please let me know
1) PRPC version 2) Portal 3) Is there any custom CSS you are using in userWorkForm 4) Since when this issue is coming up.
Please let me know these details, I will try to reproduce the same in-house.
Regards,
Rachit
Accenture
IN
Hi Rachit,
Please find below details:
1. Version: PRPC 7.1.8
2. Portal is User Portal
3. I have a custom css defined at harness level. PFA the css snippet in it.
Thanking you,
Pegasystems Inc.
US
Hi,
I researched more and could find that it is a known issue in PRPC 7.1.8. Please add the following code to userworkform & the issue should be resolved.
<style>
div.yui-module div.sectionDivStyle div.layout-noheader-modal_button_array>div.clearfix {
display: none;
}</style>
Please let me know if this helps.
Regards,
Rachit
Accenture
IN
Hi Rachit,
This snippet didn't work for me.. :(
i still see the dialog box being cut off. Any further help please!!!
Pegasystems Inc.
US
Hi,
Sorry for the delayed response.
But, can you please share the "steps to reproduce" these. I want to try out the same configuration. Also, can you please check if after removing this custom css, the issue persists & if overlay instead of "modal-dialog" is causing the same issue. Please let me know these details.
Regards,
Rachit
Accenture
IN
Hi Rachit,
Its a repeating grid layout. One of the column is the Link. On click of that link , i have an action set to "Open the Local action". The settings of the local action are attached in my screenshot below. When I use "Overlay" or "Launch local action", i am not having the problem as they are replacing the upper part of the layout. the below is still shown as cut off screen but my overlay or local action are ended at the top of the cut off. So,no issues i see there. but i need to show as modal window only. Please help!!!
Pegasystems Inc.
IN
Accenture
IN
Hi Durga,
I tried doing as per your suggestion and found that that its part of the harness. please find attached code. Sorry i am not sure how far is it readable or understandable. Please let me know your comments.
Pegasystems Inc.
IN
Accenture
IN
Hi Durga,
I tried your approach. Issue is that section whichever is appearing below and blocking the modal dialog to load in full is part of my modal dialog. When I say display:none.. my modal dialog is also not appearing.:(
Sorry if i am doing some mistake. Please suggest
Accenture
IN
Hi Durga,
Attaching you the screen print of the div selection. Just want to know if that should be the div to be hidden?
Pegasystems Inc.
US
Hi,
Please try the below code in userworkform.
<style>
div[node_name="HealthCareRoleSelection"]{
display:none !important;
}</style>
Regards,
Rachit
Accepted Solution
Accenture
IN
Hi All,
I was able to resolve the issue at Section level changes. I had a section getting called from Harness. Within the section, I had a dynamic container which holds my entire content. There was a checkbox "Size to content" checked by default on the dynamic container settings. I unchecked it and it worked.
Please find attached screenshot on what i explained above.
Thank you all for your prompt replies. Really appreciate your quick responses to our queries. :)
Hope my logic do work in SSO. I will check that and let you know if i face any issue.
Pegasystems Inc.
IN
Hello Ganginena,
Thanks for the update and the information. Good to hear that issue is resolved.
Regards,
Durga