Change the size of your embedded conditional form

 Usually, when embedding a form in an external site (Community, portal, WordPress, Wix and others!) you need to set a static height/width. However when your form is dynamic and displays different data to different form fillers means that it changes its size, so embedding it in a fixed size container is not a good idea.
In this video, we will show you how you can embed your form in an external site, and have it change size based on conditional logic.
To get this done you can either use the manual method or the automatic method.

Manual method:
Following is the code for this:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script> //Create a listener window.addEventListener("message", function(event){ if(event.data) { try { var message = JSON.parse(event.data); //parse listener //FTResize = FormTitan resize event if(message.action == "FTResize"){ if(message.data.width){ $("iframe").css("width", (message.data.width+5) + "px"); } if(message.data.height){ $("iframe").css("height", (message.data.height+2) + "px"); } } } catch(err) { console.error(err); } } }); </script> <iframe onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://YOUR_SUB_DOMAIN.FormTitan.com/FORM_URL" frameborder="0" style="border: 1px solid black;" width="585" height="481" scrolling="no"></iframe>
* Give it up for Dima R. and Rom from the special force team of AllCloud for coming up with this elegant solution!
watch how to use the manual method:



Automatic method:
This option will allow you to make your form really auto size.
Watch how to do this: