Re: Help using iframe

Michelle_Digi · 07-07-2021 09:32 AM

Hi,
I’ve seen and read my posts concerning this topic, nevertheless I haven’t found any concrete answer as to how I can achieve this. I would like to use an iFrame to do what was done with the following app:

http://www.able3ventures.com

I want to use a personalized domain like that website. Any ideas on how I can get this done?
Also in that example, are they paying for the domain “able3ventures.com” or is there a way to get that done without paying for a domain?
Finally, can this be done with an app that requires signing in?

Thank you

Hoachledinh

First, you need to buy a domain and hosting. Point domain to your host. Then you can use this code to make an index.html file then upload it to your hosting.
It can make your web fully responsive with Appsheet.
demo https://drebest.com/app

<html lang="en" class="no-js">
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1.0">
      <style>
      html body {width: 100%;height: 100%;padding: 0px;margin: 0px;overflow: hidden;font-family: arial;font-size: 10px;color: #6e6e6e;background-color: #000;} #preview-frame {width: 100%;background-color: #fff;}</style>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
      <script>
         var calcHeight = function() {
           $('#preview-frame').height($(window).height());
         }

         $(document).ready(function() {
           calcHeight();
         }); 

         $(window).resize(function() {
           calcHeight();
         }).load(function() {
           calcHeight();
         });
      </script>
   </head>
   <body>
      <iframe id="preview-frame" src="**Your Appsheet Url**" name="preview-frame" frameborder="0" noresize="noresize">
      </iframe>
   </body>
</html>