This article specifically targets working with Iframe in SharePoint Server 2016 and SharePoint Online.
Iframe stands for "inline frame." Iframe support was introduced from SharePoint 2013 onward. With the iframe tag, we can embed Ardoq Presentations inline within the current SharePoint page.
An iframe can be marked up as:
<iframe width="100%" height="600" src=" Ardoq Presentation URL here starting at HTTPS" allowfullscreen></iframe>
We can set the frame border, width, height, and other iframe attributes to define the presentation of the content on the page.
The src (source) attribute within the iframe tag is used to specify the URL of the Ardoq Presentation that occupies the inline frame.
Configuration of Iframes
In order to use iframes within SharePoint, we have to make some configuration entries.
If we are using any external domains within the iframe, it should be added as an approved domain in the “HTML Field Security” section, on the site collection settings page. This is the recommended approach from Microsoft.
Set Approved Domain (SharePoint Administrator Permissions Required)
In order to add your custom Ardoq domain <yourcustomdomain>.ardoq.com
to the approved list of domains, select “HTML Field Security” from the Site Collection Administration section.
If the domain <yourcustomdomain>.ardoq.com is not present in the below list, type the domain and click on ‘Add’.
Ensure that the radio button “Permit contributors to insert iframes from the following list of external domains into pages on this site” is selected.
Get the Embed Code
Once the domain <yourcustomdomain>.ardoq.com has been added to the Approved set of domains, embed the Ardoq Presentation in your page.
Embed Content
We will add the embed code to a new page. Add the page and go to the edit mode on the page.
On your SharePoint page, make sure you're in Edit mode. If you're not, click Edit at the top right of the page.
If you don't already have an Embed web part on your page, hover your mouse above or below an existing web part or under the title region, click the -+- symbol, and then select the Embed </> web part from the list.
Want to know more about embedding into SharePoint, pop over to the official SharePoint site - https://support.office.com/en-us/article/add-content-to-your-page-using-the-embed-web-part-721f3b2f-437f-45ef-ac4e-df29dba74de8
When you select the Embed code it will open up the pop-up where we can paste the iframe tag mark up.
<iframe src="Ardoq Presentation URL here starting at HTTPS" width="100%" height="600"></iframe>
Publish the page.
FAQ
My embedded surveys show refused to connect and the presentation works fine
For some context, we don't allow iframing surveys for the user's protection.
It is recommended to utilize one iframe per Ardoq presentation rather than making individual iframes for each slide in a single Ardoq presentation.
The usage of multiple iframes leads to Ardoq's web application launching several times concurrently, which causes the browser to run out of resources and causes bad performance.
If you still stuck on how to embed presentations or surveys, reach out to us via our website or by using the in-app chat. We're here to help.