Question
On Click event actions not working via HTML rule.
Hello,
Can anyone please suggest me which are the OOTB scripts to include in HTML rule for making Onclick actions work ?
Issue: - On Click event actions not working via HTML rule. [Note: I cannot use Harness since there seems to be a conflict between OOTB PRPC JS ( pzpega_ui_backbone) and external api Js ( ESRI arcgis/ dojo) which is making map not to load]
PRPC Version - 7.1.7
Scenario -
Harness -> Section - > Button configured in a section has Run Activity as On click action.
Activity has Show-HTML step passing HTML rule as parameter.
In the HTML rule, I have included section which has a Link control with an on click event and action configured. When I click on that link, nothing happens.
Sample HTML Code --
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<pega:include name="DesktopWrapperInclude"/>
<pega:include name="CompositeAPIInclude"/>
<pega:static type="script" app="webwb">
<pega:bundle name="pzpega_ui_jquery" />
<pega:bundle name="pega_ui_harness" />
<pega:bundle name="pega_ui_harness_deferred" />
<pega:bundle name="pzpega_ui_designer_tree_bundle" />
<pega:bundle name="pzpega_ui_jstree" />
<pega:bundle name="pzPega_control_menu_scripts" />
<pega:bundle name="LayoutIncludes" />
<pega:bundle name="documentInfo" />
</pega:static>
<script type="text/javascript" src="webwb/pzPega_ui_grid.js"></script>
<script type="text/javascript" src="webwb/pzPega_ui_grid_dragdrop.js"></script>
<script type="text/javascript" src="webwb/pzpega_desktop_eventmanager.js"></script>
<script type="text/javascript" src="webwb/pega_desktop_docgadget.js"></script>
<script type="text/javascript" src="webwb/pega_desktop_harnessviewtabs.js"></script>
</head>
<body>
<div>
<%tools.appendString(pzAuto.getSection().getSectionStream("MySection","",false,"ABC-FW-Work"));%>
</div>
</body>
</html>
MySection in ABC-FW-Work class has a layout with OOTB Link control configured with Onclick event and any action (ex: Run Data transform).
Hi,
I have verified in Chrome and IE. The behaviour is same in both browsers.
Please turn on javascript errors since you might be getting ones that aren't showing up. For ie, the way to do this is from the advanced screen and make sure you say "don't disable javascript errors" and "do display a notification for every error". /Eric
Hello Eric,
I do not see any java script errors on click of the link.
Hello Upendra,
Are you attempting to do something like the following:
Have a link with and onclick event calling a run script action and you are passing a function name defined on an included HTML rule. I don't see any onclick defined within the HTML you included so assuming you are doing on the control it's self.
Please include a screen shot of the link onclick configuration and the html block you are attempting to call.
Are you trying to implement your own on-click, or are you trying to use the ootb on-click ? I suggest you start with the ootb one. For instance, in designer studio, use a "link" object and see if that works for you. You shouldn't need to add any js-includes yourself to make this work. /Eric
Accepted Solution
Hello Rowland and Eric,
Thanks a lot for your response. I am able to resolve the issue including WorkFormStandard HTML fragment rule in my HTML rule.
Here is the approach I followed.
Step 1) Create a HTML rule (TestHTML) applies to Data-Portal Class with below HTML code.
<!DOCTYPE html>
<html>
<head>
<pega:include name="WorkFormStandard" />
</head>
<body class="claro">
<div id=section>
<pega:include name="TestSection" type="Rule-HTML-Section" />
</div>
</body>
</html>
Step 2) Create a Section rule (TestSection) applies to Data-Portal class, configure OOTB Link or Button control with on-click event and any action (Run Data Transform ,etc.)
Step 3) Create an activity with Show-HTML step and configure HTML rule created in step 1 as parameter.
Step 4) Launch the activity created in step 3 using Open URL in Window/ Run Activity action from button click.
Regards,
Upendra.
I think I understand your setup now, you are embedding a section in your HTML with a button coupled to an onclick event and notice actions. Have you attempted to trace the click to see what is seen? Also, when you click on F12 debugger and select the link in the form coupled to the link on the page do you see any onclick events in the code?
Hi Upendra,
I have a similar scenario, we have a group of sub-sections on a single main-section , now user need the ability to see the data which populates on main-section in HTML format by opening it on other window.
After going through your approach, i want to display window on click of a button-->Action-->Open URL in Window.
I stuck on this : Main Section is in my own Work- Class, want to display Button in same Work- Class, Which class should i use to create HTML rule to pass it for "Show-HTML" method ?
i have already create HTML rule in my own Work- Class but Show-HTML method unable to find instance. please suggest me
Thanks
Suresh Chella
Hi Suresh,
I have used HTML rule to accommodate custom javascript code.. If you do not have any custom JS, Create a Harness, Embed the sections in the harness and Configure Launch Harness as an action for on-click event.
If you still want to use HTML rule in work-class create an activity in work- class and configure the activity as parameter for Open URL in Window action. On clicking button, please run the tracer and view the pxObjClass of Step Page .
Thanks.
>>> configure OOTB Link or Button control with on-click event and any action (Run Data Transform ,etc.)
That part sounds good, but I'm still puzzled about why you would need to do any of your own javascript or fragments to make the actions work. /Eric
Hi
is it happening in a particular browser or the behavior is same in all browsers ?