Posted: 6 Jul 2018 12:37 EDT Last activity: 17 Feb 2021 10:12 EST
How to embed a webpage in a Pega section?
I have been asked to display a report from Tableau in a Pega portal. I imagine creating a section and/or control that takes a URL as a parameter and displays the content from that page in the section. It's the inverse of using Pega mashup/IAC to include Pega in another webpage.
I checked what I could include in a Section, and in the UI gallery. I didn't see anything obvious. Before I really dig, I'm hoping that someone can point me in a direction. Does anyone know how I might do this?
Bonus question: if I do this, will the embedded webpage be responsive?
I read that article. Good find! I thought of this as a Pega problem, not a Tableau problem, so it didn't occur to me to search the Tableau website. Unfortunately the code from the Tableau site didn't work - oops - but that's a Tableau problem. I can pursue that separately.
Yes you can display a webpage inside your pega section, by including a non OOTB section which is having Iframe tag pointed to you external website, Refer to the image below.
But there can be certain limitation while using Iframe as now a days most websites follows below security standards.
1. Your external website may not allow displaying their web-page content through an Iframe, they may restrict by using 'X-Frame-Options' in http headers to 'deny'
2. They may allow web content display only for same origin in Iframes. by setting 'X-Frame-Options' to 'sameorigin'.
if I do this, will the embedded webpage be responsive? : It entirely depends on how the external websites manages their responsive behavior, As you can see in the screenshot below, in 700*350 px iframe view, pega login page adapted responsiveness.