title: Embedding outlook calendar to webpage
body: <p>It is obviously clear to me after going through outlook documentation that I can generate a html link of my OUTLOOK calendar and embed it to any webpage. This works fine when i create my iframe as below</p>
  
  <pre><code>&lt;iframe width="900" height="500" src="https://cpgd-ab67acdd3e1c401a.calendar.live.com/calendar/private/blalaba-balajahhhdh-342d-4cea-ad46-25433581e015/index.html"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>and insert it into my EXISTING page with contents. My problem here is: After the page loads it redirects/navigates the parent window/page and completely replaces my DOM with a full outlook calendar. My intention is simply to put it in a particular section of my page (precisely a DIV).</p>
  
  <p><strong>I HAVE TRIED</strong></p>
  
  <ol>
  <li>sandboxing the iframe with the new HTML5 sandbox attribute. On the
  console, it throws errors. </li>
  <li>I have also tried using ajax to load the iframe seperately. same
  error and failure.</li>
  </ol>
  
  <p>I'm sure this action is deliberate by
      microsoft. I need a way to bypass this.</p>