Question

How to customize the display of the mashup?

Hi,

we want to include a web mashup into a web page. To do this, we have generated the code of the mashup and copied it into the web page code. We have also modified the mashup code to automatically log in.

Now, we want to configure the view of the mashup.

What we see by the moment in the mashup is this:

But, what we want to be shown in the mashup is just the inner of the red square of the next p​icture:

We think we can do this by modifying the "new" harness, because here we create a new case, but there are many of them that are so similar. If this is the way, how can we know which one we should change? If that is not the best way, how can we do this? Should we create a different harness?

We want, as well, to modify the harness that is displayed after we click the "submit" button. In this case, we should modify the "confirm" harness but, as with the "new" harness, there are many harnesses with this name, and we don't know which is the correct one that we should change. Is there any way to know which one is displayed?

Thank you in advance.

Correct Answer
July 2, 2018 - 12:26pm

Hi,

You're on the right track here as you're displaying a mashup using CreateNewWork. This is going to run a flow and take you the harnesses used within that flow for New, Perform and Confirm. You can use the Live UI tool to find these harness record you want to modify by running the flow within the developer portal.  Also the New and Confirm harness are defined on the flow in the process tab. What perform harness is being used is defined in the assignment shape in the flow. It's easier to use live UI to find what you need.

Once you find the harnesses you can use the pxThread.isWebMashup true/false property to hide the content when in Mashup and display when in standard end user portals.

--Chris

 

Comments

Keep up to date on this post and subscribe to comments

June 27, 2018 - 5:00am

Please , anybody nows if there is clear documentation about how to manage the UI of the webmashup. Whare are the  section definitions ?, the harness ?, wich portal  is below the webmashup ?.

Pega
July 2, 2018 - 12:26pm

Hi,

You're on the right track here as you're displaying a mashup using CreateNewWork. This is going to run a flow and take you the harnesses used within that flow for New, Perform and Confirm. You can use the Live UI tool to find these harness record you want to modify by running the flow within the developer portal.  Also the New and Confirm harness are defined on the flow in the process tab. What perform harness is being used is defined in the assignment shape in the flow. It's easier to use live UI to find what you need.

Once you find the harnesses you can use the pxThread.isWebMashup true/false property to hide the content when in Mashup and display when in standard end user portals.

--Chris

 

July 6, 2018 - 7:54am
Response to ChrisKoyl

Thank you so much!

May 3, 2019 - 9:20am
Response to ChrisKoyl

Hi Chris,

in Infinity (Pega 8.1) I cannot find this property "isWebMashup" but I see it in the clipboard.

When I use this property for example in a when rule I get the following error:  

Property Code-Pega-Thread.isWebMashup is undefined.

I have defined the pxThread page in Pages & Classes but still pxThread.isWebMashup cannot be found.

Any Idea why this is not working anymore?

 

 

September 30, 2019 - 5:06am
Response to WilhelmM

Hi,

"isWebMashup" is parameter you can use that parameter in when conditions.  "isWebMashup" will  return "true" when we run the code  by mashup.

 

Pega
October 31, 2019 - 4:24pm
Response to WilhelmM

I believe you can use the when rule pxIsWebMashup from @baseclass