How to embed a web page into a Perspective page

I have the need to embed web pages into a Perspective page, potentially using the View Canvas component. My company uses vision cameras quite frequently & all I'm trying to do is display the live feed from each camera's web server. Does anybody have any suggestions?

Also... We only use Perspective applications. No Vision applications.

Thank you.

1 Like

Your option is the iframe component. Different 'user agents' (web browsers) on different devices have varying degrees of security, but practically speaking all of them with support for the browser APIs Perspective relies on will adhere to Content Security Policies sent with the "wrapped" frame. Meaning, not every arbitrary page can be embedded inside of an iframe, and it's up to the inner page whether it can be or not.

Also, standard concerns about network visibility apply. Perspective doesn't have any way to "tunnel" an internal-network-only IP cam to make it visible to an external-network device running your Perspective session.

1 Like

Can you point me in the direction to setup an iFrame? I've bee searching in the components & in the help menu but I don't see where to start.

We call it the 'Inline Frame' component, but the actual HTML element that drives this behavior is the iframe tag.

1 Like

Thank you! I'll give it a try.

Looks like I just didn't look hard enough... Works like a dream! Thank you!

2 Likes

I missed that one recently as well... maybe they want to call it the "Inline Frame (iFrame)" component. This component is also the fourth result when searching "iframe" in the new docs when it should probably be first.

Can we embed Okta enabled webpage using the Inline Frame solution to the Perspective Ignition? We have SAP integrated with Okta and need to add SAP webpage to the Ignition so that we don't have to switch back and forth between the perspective workstation and SAP running on the webpage while working with any work orders. Any solution will be a great help.

If you configure your Okta/SAP server to include the appropriate CORS headers, you will be able to place Okta/SAP in an IFrame in Perspective. You cannot do this configuration on the Ignition side.

Edit: Duplicate post:

Duplicate posts are against this forum's rules. Please do not do this in the future.