When you are using Theme-Cosmos, the href of a link will be automatically populated when you hover on the link - if you want to open the case in a new tab automatically on click (instead of using right click open in new tab), you can add a run script action that would do the window.open if the href is set.

Here is an example using Pega 8.5 and Cosmos 2.0 using the todo list on the home

the component is a link with the openWorkByHandle action on click -the preview panel will display when hovering over the button

add a new runscript action before the openWorkByHandle that will call the function openlinkinNewTab and pass the javascript event

Implement the JS function openlinkinNewTab - this function should be added into a JS rule-file-text and attached to the portal harness. For this post, I am just editing the UserWorkform fragment with the following code:

<script>
function openlinkinNewTab(event) {
  var elem = event.target;
  var hrefval = elem.getAttribute("href");
  if( elem.tagName === "A" && typeof hrefval === 'string' && hrefval !== "#" && hrefval.length > 0) {
    window.open(hrefval);
    pega.control.actionSequencer.clearQueue();
    event.preventDefault();
  }
}
</script>

with this implementation, you will still have support for the preview panel but now the click with open the case in a new tab.

Note that the component must be link and the openworkbyhandle must be present as the 2nd action in the action set. The code above will look if the href is valid - if yes it will open the case using window.open and cancel the rest of the actions in the action set using clearQueue()

When you are using Theme-Cosmos, the href of a link will be automatically populated when you hover on the link - if you want to open the case in a new tab automatically on click (instead of using right click open in new tab), you can add a run script action that would do the window.open if the href is set.

Here is an example using Pega 8.5 and Cosmos 2.0 using the todo list on the home

the component is a link with the openWorkByHandle action on click -the preview panel will display when hovering over the button

add a new runscript action before the openWorkByHandle that will call the function openlinkinNewTab and pass the javascript event

Implement the JS function openlinkinNewTab - this function should be added into a JS rule-file-text and attached to the portal harness. For this post, I am just editing the UserWorkform fragment with the following code:

<script>
function openlinkinNewTab(event) {
  var elem = event.target;
  var hrefval = elem.getAttribute("href");
  if( elem.tagName === "A" && typeof hrefval === 'string' && hrefval !== "#" && hrefval.length > 0) {
    window.open(hrefval);
    pega.control.actionSequencer.clearQueue();
    event.preventDefault();
  }
}
</script>

with this implementation, you will still have support for the preview panel but now the click with open the case in a new tab.

Note that the component must be link and the openworkbyhandle must be present as the 2nd action in the action set. The code above will look if the href is valid - if yes it will open the case using window.open and cancel the rest of the actions in the action set using clearQueue()