View source for Widget:Project portfolio Iframe

<div id="container" style="cursor: pointer; border: 1px solid #ccc; padding: 10px; margin: 10px;">
  <img id="runImage" src="https://docs.analytica.com/images/3/39/Ppplanner02.png" style="width: 100%; height: 100%;">
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
  function showIframe() {
    // Hide the image
    document.getElementById('runImage').style.display = 'none';

    // Create and configure the iframe
    const iframe = document.createElement('iframe');
    iframe.src = 'https://acp.analytica.com/view0?invite=4711&code=3885603542485212689';
    iframe.style.width = '900px'; // Adjusted width to match the image width
    iframe.style.height = '445px'; // Adjusted height to match the image height
    iframe.style.border = 'none'; // Optional: Remove border

    // Append the iframe to the container
    document.getElementById('container').appendChild(iframe);
  }

  // Add click event listener to the image container
  document.getElementById('container').addEventListener('click', showIframe);
});
</script>