Introduction:
Briefly explanation on what an iframe is:
A self-contained HTML document embedded within another HTML document.
Used to display content from a source within your own page.
Setting Up an Iframe:
Basic Iframe Code:
Example using our Demo FundPortal URL link
<iframe src="https://demo.fundportal.io/app/funds/270893/documents/453652/?referrer_fund_documents=1" width="100%" height="900px"></iframe>
src: The URL of the website or content you want to display.width: The width of the iframe in pixels.height: The height of the iframe in pixels.
Pleas note, you would remove our URL link in this example and include a link from your FundPortal e.g. a document from the Data Room
Code View Considerations:
Using a Code Editor:
Use a code editor (like VS Code, Sublime Text, Notepad++) for writing and editing your HTML.
Code editors provide features like syntax highlighting, auto-completion, and easier code navigation.
This is an example of an iFrame code, where you first find an existing iFrame element to copy from the data room and add width="100%" height="700px":
Tips & Best Practices:
Test Thoroughly: Test your iframe on different browsers to ensure compatibility.
Consider User Experience:
Ensure the iframe fits seamlessly within your page's design.
Use appropriate dimensions and styling.
Be mindful of potential performance issues.
Alternatives:
Explore alternatives like iframes, such as embedding videos using services like YouTube or Vimeo.
Conclusion:
By understanding the basic structure and attributes of the <iframe> tag, you can effectively embed external content within your web pages. Remember to prioritize user experience and security when implementing iframes.
Note: This is a basic guide.
Disclaimer: Iframe usage should be considered carefully, as it can have implications for page loading speed, SEO, and security. Always test and evaluate the impact of using iframes on your website.