diff --git a/demo-pages/app-content-height-updates/host-page.html b/demo-pages/app-content-height-updates/host-page.html deleted file mode 100644 index 0fb874d..0000000 --- a/demo-pages/app-content-height-updates/host-page.html +++ /dev/null @@ -1,102 +0,0 @@ - - - - - - Demo Page with Header and Footer - - - - - - -
-
-

My website

-
-
- - -
- -
- - - - - - - - - - diff --git a/demo-pages/app-content-height-updates/index.html b/demo-pages/app-content-height-updates/index.html deleted file mode 100644 index e6276e5..0000000 --- a/demo-pages/app-content-height-updates/index.html +++ /dev/null @@ -1,156 +0,0 @@ - - - - - - Demo Page with Device Frame - - - - - - - -
-
-
- -
- -
-
- -
- -
Instructions:
-
    -
  • This page embeds a mobile app inside a device frame.
    • -
  • The iframe dynamically loads content and displays it inside the device frame.
    • -
  • The mobile app content adjusts its height based on its content to prevent scrollbars.
    • -
  • You can use the buttons inside the iframe to interact with the app and modify content.
    • -
  • All content is displayed responsively for mobile viewing.
    • -
- -
-
How to implement this?
- -

1. HTML Changes - Append target query param with your website's - origin to the public app URL

-
- 
-              <iframe src="https://cloud.uipath.com/...?el=VB&target=https://mywebsite.com" id="appIframe"></iframe>
-
-
- -

2. Script to embed on your webpage that can subscribe to App Height changes and resize the iframe.

-
- 

-  window.addEventListener('message', function(event) {
-    if (event.origin !== "https://yourapp.com") return;
-    if (event.data && event.data.type === "resize") {
-      var iframe = document.getElementById("webAppIframe");
-      iframe.style.height = event.data.height + 'px';
-    }
-  });
-  function sendResizeMessage() {
-    var iframe = document.getElementById("webAppIframe");
-    var iframeHeight = iframe.contentWindow.document.body.scrollHeight;
-    parent.postMessage({ type: "resize", height: iframeHeight }, "*");
-  }
-  window.onload = function() {
-    var iframe = document.getElementById("webAppIframe");
-    iframe.onload = sendResizeMessage;
-  };
-
-
-
-
-
-
- - - - - - -