{"id":1813,"date":"2017-12-20T23:02:27","date_gmt":"2017-12-20T15:02:27","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=1813"},"modified":"2024-10-09T12:54:39","modified_gmt":"2024-10-09T04:54:39","slug":"embed-page","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/embed-page\/","title":{"rendered":"Embed Page"},"content":{"rendered":"\n

This article applies to versions 4.4 and later of IFS OI Explorer. For more, see Release History<\/a>.<\/p>\n

Overview<\/h2>\n

The Embed Page component allows you to insert another web page into an Explorer page.<\/p>\n

Exercise caution when embedding Explorer URLs<\/strong>. Click here to read more<\/strong><\/a>.<\/p>\n

The embedded page cannot use a lower level security connection than that used by IFS OI Explorer \u2014 if IFS OI Explorer uses https<\/em>, then the embedded page must also use https<\/em>.<\/p>\n

The following diagram shows an Embed Page control being configured to show a weather map:<\/p>\n

\"Embed<\/a><\/p>\n\n\n\n\n\n\n\n\n
Content:<\/strong><\/td>\nThe URL of the web page you want to embed. The URL must be a secure https:\/\/<\/em> address if IFS OI Explorer uses https<\/em>. Note that you cannot embed a Google website.<\/td>\n<\/tr>\n
Add Variable:<\/strong><\/td>\nYou can add a variable to dynamically update the displayed web page. When you add a variable, it is automatically appended to the URL. If the variable needs to be added to a different position in the URL, you can manually rewrite the URL to include the variable in the correct way. For example, in the following URL:<\/p>\n

https:\/\/weather.yahoo.com.au\/forecast\/{{selectedOption}}<\/em><\/p>\n

{{selectedOption}}<\/em> indicates the variable.<\/p>\n<\/td>\n<\/tr>\n

Move Up:<\/strong><\/td>\nWhen you embed the page, the content is automatically positioned such that the top left of the web page sits in the top left corner of the canvas in Studio (i.e. it is positioned at 0,0).You can reposition the content of the URL to only view a certain portion of that web page. For example, you may only want to see a portion of a larger map displayed on another site. The number of pixels to move the content up to view the desired area.<\/td>\n<\/tr>\n
Move Left<\/strong>:<\/td>\nThe number of pixels to move the content left to view the desired area.<\/td>\n<\/tr>\n
Disable Scrolling<\/strong><\/td>\nPrevents scrollbars from appearing on the page. This is useful if you only want to show a certain portion of another website on the page and do not want the user to change the view.<\/td>\n<\/tr>\n
Style<\/strong><\/td>\nThe style you want to apply to the Embed Page component. There are no predefined styles for this component.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n
\n<\/div>\n
\n

Exercise Caution Embedding Explorer URLs<\/h2>\n<\/div>\n

Note that Explorer content (any Explorer URL such as pages, trends, and workbooks) will not function correctly inside the Embed Page component<\/strong>.\u00a0<\/p>\n