Question
fusionAIx Technologies
GB
Last activity: 26 Jan 2022 8:14 EST
How to keep preview panel feature on button click?
Hi Team,
Below are the direct requirement form one of our high valued client, Please provide the solution.
Requirement -
Need to have button besides case id link under To-Do, so that instead of hover over on case id link and get the preview button , we want to have direct button besides to case link and on click of that the preview panel should appear.
Awaiting your response.
Regards,
Yash
Pegasystems Inc.
US
Cosmos design system automatically renders the preview button on links that are using the action 'open work by handle' or 'open work by id' - in your todo list, you just need to have a link with the ID of the case - the preview button is not a replacement of opening the full case - the click action should be responsible for opening the case.
In order to keep a consistent user experience, we do not recommend to open the preview panel on click of a button.
Having said that, if you want to open the preview panel on click of a button, you can use the following 2 actions on click
1/ run script action to open the preview panel by calling 'pega.desktop.infinity.showSlideInPanel'
2/ openWorkByHandle or openWorkById action - pass the case id to the action - set the target to the 'secondary' Ajax container
Morgan Stanley
IN
Thanks Richard. It worked like charm :).
Can you also provide some inputs on how to disable display of preview button on hover.
Pegasystems Inc.
US
you can use button with Simple format instead of link
The other option is to to use the no-peek-preview helper class
see https://collaborate.pega.com/discussion/how-configure-preview-panel-theme-cosmos