This document will show you how to embed an Office 365 calendar into a KB document.
Step 1 - Open a New KB Document
- Go to the KB Admin Tools and open a New Document and make sure you're in the HTML editor
Step 2 - Copy this iFrame Snippet into the HTML editor of your KB document
<p></p> <div style="text-align: center;"> <p><iframe src="XXX" <p="" width="990" height="600">Your browser does not support iframes. Please go to <a href="http://ReplaceThisURL.com">Important Calendar</a> to View this Calendar</p> </iframe></p> </div> <p></p>
Customize this iFrame Snippet
- Replace the XXX with the O365 embed code
- Adjust the width (e.g.
width="990") and height (e.g.
height="600") of your calendar. These settings will not result in a horizontal nor vertical scroll bar in the iFrame. Adjusting them to be smaller may result in scroll bars in the iFrame.
- Customize the message your users whose browsers do not support iFrames will see instead of seeing the calendar. You can customize the message text and/ or the url to which you will refer those users.
Step 3 - Get O365 Embed Code
- Open O365 Calendar.
- Right-click on the gear icon in the upper right corner.
- A navigation panel will open, look for a section called Your app settings.
- Select Calendar.
- The Calendar Options screen will open.
- Navigate to Calendar > Publish Calendar.
- In the Select a Calendar field, click on the dropdown menu and select the calendar you wish to embed.
- In the Select permissions field, click on the appropriate permissions setting.
- You will see two lines of greyed out embed code: hover over the line that ends with HTML and right-click.
- Select the "Copy Link Location" option from the menu that appears.
- You know have the O365 embed code copied on your "clipboard".
Step 4 - Paste the O365 embed code
- In the new KB document that has the HTML editor enabled, locate the XXX in the iFrame code snippet.
<iframe src="XXX" ..."="">
- Make sure the O365 embed code is wrapped in double quotes ("").
- Make sure the O365 embed code completely replaces the XXX placeholder.
Step 5 - Create a Custom Content Module in which to Display the O365 Calendar.
- Follow the directions in this document to create a Custom Content module.