Question
Use Javascript API from webchat mashup
We are using "display" action from webchat mashup to display a particular harness on click of some button in chatbot. In that harness we have some section which needs a parameter from chatbot.
How can we pass parameter from chatbot to harness/section using "display" action ?
"Display" action is available here: https://community.pega.com/knowledgebase/articles/pega-web-mashup/pega-web-mashup-page-javascript-actions
***Moderator: Pallavi to update platform capability tags***
Hi Praveen,
Thanks for your reply. I am not using mashup for displaying harness, but using javascript function to display harness using below method:
pega.web.api.doAction("myGadget", "display", "New", "PegaSample-Task")
This javascript function will be called from another webchat mashup, On click of some button in rendered UI. That has "CreateWork" action.
Hello Vikas,
Can you please try as below to pass custom params to mashup in JS.
var param = {};
param.pzSkinName="SkinName";
param.UserIdentifier="username;
pega.web.api.doAction("gadgetid", "display", "New", "PegaSample-Task","","","", param);Regards,
Praveen
Hello Praveen,
How can I make use of these parameters in Harness / section ?
Thanks,
Vikas
Accepted Solution
Hello Vikas,
The params will be available on the parameter page. like Param.pzSkinname
Regards,
Praveen
Thanks Praveen, I was able to call another harness from mashup, as well as access the parameters in Pega platform.
Hello Vikas,
By using data-pega-action-param-parameters attribute in the mashup div, we can send the parameters to Mashup.
For more information refer: https://community.pega.com/knowledgebase/articles/pega-web-mashup/pega-web-mashup-attribute-reference#data-pega-action-parameters
In below sample, we are sending pzSkinName andUserIndentifier params to Mashup.
<div id="gadget"
data-pega-gadgetname ='PegaGadget' data-pega-action ='display' data-pega-action-param-harnessname ='pyCmPerform' data-pega-action-param-classname ='O511PY-ITSM-Work' data-pega-action-param-model ='' data-pega-action-param-readonly ='true' data-pega-isdeferloaded ='false' data-pega-applicationname ='ITSM' data-pega-threadname ='new' data-pega-resizetype ='stretch' data-pega-url ='http://localhost:8400/prweb/' data-pega-action-param-parameters ='{"pzSkinName":"MySkin","UserIdentifier":"user"}' ></div>
Regards,
Praveen