Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1173733
    Robmaccabee
    Participant

    I am trying to embed a Typeform for contact. I have read previous posts and I am lost. They are no help.

    I’m pastin gin the code provided by typeform. I cannot get it to be full width and take up the entire page. I added “raw content” and pasted in the code.

    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”&gt;
    <html>
    <head>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″>

    <!–Add the title of your typeform below–>
    <title>Candoo Contact Form</title>

    <!–CSS styles that ensure your typeform takes up all the available screen space (DO NOT EDIT!)–>
    <style type=”text/css”>
    html{
    margin: 0;
    height: 100%;
    overflow: hidden;
    }
    iframe{
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    border:0;
    }
    </style>
    </head>
    <body>
    <iframe id=”typeform-full” width=”100%” height=”100%” frameborder=”0″ src=”https://rocketcards.typeform.com/to/iPm7vR”></iframe&gt;
    <script type=”text/javascript” src=”https://s3-eu-west-1.amazonaws.com/share.typeform.com/embed.js”></script&gt;
    </body>
    </html>

    #1174286
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can’t add such code that contains full HTML markup with html and body tags. You can create this as a standalone HTML file and upload to your server then embed as iframe.

    Cheers!

    #1175166
    Robmaccabee
    Participant

    Can you point me to how to do this?

    #1175356
    Joao
    Moderator

    Hi There,

    You can find many resources on how to create an html file on google and youtube,

    Here is one example: http://learnwebcode.com/how-to-create-and-save-your-first-xhtml-file-by-hand/

    After that you need to create the iframe and paste in a Raw Element in Cornerstone

    
    <iframe width=”100%” height=”100%” frameborder=”0″ src=”https://yoursite.com/yourhtmlfile.html”></iframe>

    Hope that helps

    Joao

  • <script> jQuery(function($){ $("#no-reply-1173733 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>