Widget:Ppplanner03

 <img id="runImage" src="https://docs.analytica.com/images/d/d2/Ppplanner03.png" style="width: 800px; height: 406px;">

<script> document.addEventListener('DOMContentLoaded', function () {

 function showIframe() {
   // Hide the initial 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 = '800px'; // Adjusted width to match the image width
   iframe.style.height = '406px'; // Adjusted height to match the image height
   iframe.style.border = 'none'; // Optional: Remove border

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

   // Create maximize button
   const maximizeButton = document.createElement('button');
   maximizeButton.textContent = 'Maximize';
   maximizeButton.style.position = 'absolute';
   maximizeButton.style.bottom = '10px';
   maximizeButton.style.right = '10px';

   // Add click event listener to maximize button
   maximizeButton.addEventListener('click', function() {
     iframe.style.width = '100%'; // Max width for iframe
     iframe.style.height = '100%'; // Max height for iframe
     maximizeButton.style.display = 'none'; // Hide the maximize button
   });

   // Append maximize button to the container
   container.appendChild(maximizeButton);
 }

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

}); </script>