Iframes pulled from external sites can have style attributes that override the DesignPLUS sidebar. Removing these style attributes will no longer cause the iframe to take over the Edit Current Element tab in the sidebar.
If you have an iframe on the page, but you see it overlaying the DesignPLUS sidebar while editing a page, the iframe likely has a style attribute for the position of the iframe.
To fix this, remove the bolded code that contains the Style Attributes inside the iframe:
<iframe class="vidyard_iframe" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" title="DesignPLUS Training Series" src="//play.vidyard.com/o9HBLG34XSH8xL8oNmJpmr.html?" width="640" height="360" allowfullscreen="allowfullscreen">
This can be fixed by reapplying the Embed tool to the page without the style attribute in the iframe code. First, remove or cut the iframe that is causing the issue. Then, follow the steps below to re-apply the iframe using the Embed tool:
- Open the Add New Element tab
- Find the Embed tool
- Paste the iframe without the Style Attributes
- Select outside of the Embed text editor
- Save the page
If you have any questions, please reach out to our support team by emailing support@cidilabs.com with the HTML of the page where you are experiencing the issue.