Question
Morgan Stanley
IN
Last activity: 22 Jul 2020 21:07 EDT
How to display any section using mashup
I want to display a couple of different sections which may or may not be tied to a case.
Is there any way to do so?
Morgan Stanley
IN
Yeah it does work with a harness. Actually i have many sections to be displayed. Just wanted to avoid creating a harness for each section to be displayed.
Maantic Inc
US
How about configuring Harness with Tabbed layout, each tab will have one section. Conditionally display each tab based on mash up display.
Updated: 22 Jul 2020 21:07 EDT
Aaseya
SA
Pega Web Mashup enables you to embed an application in a web application and allows our web application to communicate with the Pega 7 Platform.
Steps to follow
- In the navigation panel of App Studio, click Interfaces.
- In the Create new channel interface section, click Mashup.
3. In the Name field, Enter MyknowPegaUI Blog as the name for the Mashup channel interface.
4. Define the Pega PlatformTM instance. For this task, use the default value in the URL field.
5.To generate the mashup snippet with URL encryption that protects sensitive data, leave the Use encryption toggle turned on.
6. In the Configuration section, define the action that is performed by the mashup code:
Pega Web Mashup enables you to embed an application in a web application and allows our web application to communicate with the Pega 7 Platform.
Steps to follow
- In the navigation panel of App Studio, click Interfaces.
- In the Create new channel interface section, click Mashup.
3. In the Name field, Enter MyknowPegaUI Blog as the name for the Mashup channel interface.
4. Define the Pega PlatformTM instance. For this task, use the default value in the URL field.
5.To generate the mashup snippet with URL encryption that protects sensitive data, leave the Use encryption toggle turned on.
6. In the Configuration section, define the action that is performed by the mashup code:
- In the Action field, use the default Create a new case option.
- In the Case type field, selected PegaUI Blog from the list.
- In the Skin field, selected HRApp from the list.
- Accept the default values for the remaining options.
- Click Save.
Click on the Generate mashup code button to get the IFrame and Mashup code
Result:
Your mashup is ready to be embedded in a host website.
Previewing the mashup
After you configure your mashup, use the preview function to see how it is displayed on a page.
- In the App Studio header, click Back to preview.
- In the App Studio header, next to the name of your application, expand the interfaces list, and then clicked on MyknowpegaUI Blog.
- In the Preview mode field, select Live website from the list.
- In the Website URL field, enter https://design.pega.com/
- Turn on the Load in a popup toggle and click Apply.
6. In the pop-up window, click the page to display wireframes, select a place, and click to insert your mashup.
Click anywhere on the page to insert required mashup
Note: By using the options in the toolbar, change skins and sizing to see how the mashup display adjusts.
For moreInformation please refer below links
https://community.pega.com/knowledgebase/capabilities/mobility/mashup-sdk/web-mashup
https://community.pega.com/knowledgebase/articles/pega-web-mashup/pega-web-mashup