Question
PwC
UA
Last activity: 20 Jul 2019 13:11 EDT
Display issue while using launchLocalAction API
Hi,
I'm using Javascript API to launch overlay from the custom control and got some issues with it's display.
- revealEffectName parameter doesn't work, I tried values "From bottom" and "anim-bottom"
- there is a scroll bar in the overlay
my js code:
var overlayOptions:{
flowAction: "MyFlowAction",
displayMode: pega.api.ui.constants.OVERLAY,
event: myEvent,
flowActionClass: "MyCo-Data-MyClass",
contextPage: "D_MyPage",
isMobileFullScreen: true,
revealEffectName: "anim-bottom", //Also tried "From Bottom"
closingEffectName: "anim-in-animation"
};
pega.api.ui.actions.LaunchLocalAction(overlayOptions);
Did anybody try using this API? What should I change?
Optum
IN
Hi,
What error did you see when you ran this API?
Also, can you review your code with this syntax:
var options ={<br />
flowAction: “flowActionName ",<br />
displayMode: pega.api.ui.constants.REPLACE_CURRENT / pega.api.ui.constants.OVERLAY / pega.api.ui.constants.MODAL_DIALOG",<br />
event: eventObject,<br />
flowActionClass:"className",<br />
contextPage:"pageName",<br />
skinFormat:"skinFormat",<br />
template:"templateName",<br />
isMobileFullScreen:true/false,<br />
revealEffectName:"animtionName",<br />
closingEffectName:"animtionName",<br />
closeOnClickAway:true/false,<br />
centerOverlay:true/false<br />
};
Calling: pega.api.ui.actions.launchLocalAction(options);
I think you might need to use = instead of : in line 1.
Thanks,
PwC
UA
There was a typo when I created the post, I don't have ':' in my actual code.
However I was able to figure it out. There are no actual error, but in some cases pega decides to open overlay in direction that is different from specified. For instance, if the field is in the very bottom of the screen overlay opens from top, even if you asked to open it from bottom, so need to keep it in mind.
Also actual values for animtionName are defined in properties pyLaunch/pyDismiss
Cisco
US
Hi Oleksii,
Hope you are doing great,
I am wondering if this is working fine with the other formats at all. Did you try the modal format?
I have the below code but not working.. If you have tried this already, can you please let me know what is wrong with this?
options = {
flowAction: "ShowRowCountNotification",
displayMode: pega.api.ui.constants.MODAL_DIALOG,
event: eventObject,
flowActionClass: "MyOrg-Data-Search",
contextPage:"D_SearchCriteria",
skinFormat:"Standard",
template:"pzModalTemplate",
isMobileFullScreen:true,
revealEffectName:"From top",
closingEffectName:"To bottom",
closeOnClickAway:true,
centerOverlay:false
};
pega.api.ui.actions.launchLocalAction(options);
regards,
Sanjay Alladi