Below are the direct requirement form one of our high valued client, Please provide the solution.
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.
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