Question
Documentation on js function for screen animation
Saw from 7.2.2 onwards, the new application wizard is using a function "pega.ui.transitions.setAnimationAction" to animate a screen from left or right. I tried using the same in my section, but couldn't get it to work. Is there any help article or document explaining the usage of such functions?
[e.g. the back button in section "pzAppConfigUseTemplate"]
**Moderation Team has archived post**
This post has been archived for educational purposes. Contents and links will no longer be updated. If you have the same/similar question, please write a new post.
Thanks for your response Rincy. It helped me to drill down the function definition better. Still I was missing two things. I have now found the answer after studying the function definition "_performTransitionOut" .
(although I do see a side note above that /* TODO : NOTE THAT THIS FUNCTION IS NOT WORKING PROPERLY YET */ :-)
- How the script knows which object to animate - I have to use css class "object-to-transition" on the layout that I want to animate.
- Do I need to explicitly include the script "pzpega_ui_transitions" - I have to include the control "pxUITransitions" in the outer section.
Hello Samya,
Thanks for posting your query in PSC :)
There is no documentation on the function setAnimationAction in webwb • pzpega_ui_transitions • js.
Below is the comment from above js file for the function.
/*
* Sets the current animation action to take
* @param {string} the animation action to take (left, right, up, down or refresh). Defaulted to left if not one of these.
* @param {string} whether the animation should come into view , or go out of view. (Valid values are: in, out). Defaulted to in if not one of these.
*/
As per pzAppConfigUseTemplate and pxAppWizardButtons sections, back button is configured with below action set:
on click >> 1) Run Script : pega.ui.transitions.setAnimationAction passing value as right.
Run script to transition out the current content
2) Refresh other section (pzAppConfigContent)
Refresh section containing the layout to transition
3) Run Script : pega.ui.transitions.setAnimationAction passing value as "".
Run script to transition in the new content
As per pyAchievementListForUser, they run Data Transform before above 3 actions to change the context of the content to be transitioned.
Regards,
Rincy