Embedding a form in an IFRAME

Last published at: March 5th, 2022

You might want to display a FlowWright form in a public or private website.  When making a form public, make sure to mark the form for public use within FlowWright.

In order to display the form and to automatically resize the IFRAME based on the size of the form, use the below code fragment.


<head>
<style>
  iframe {
    width: 1px;
    min-width: 100%;
  }
</style>
</head>

<body>

<script src="js/iframeResizer.min.js"></script>

<iframe id="myIframe" frameborder=1 src="http://x.flowwright.com/cDevWorkflow/RenderForm.aspx?...."></iframe>

<script>

  iFrameResize({ log: false, heightCalculationMethod:'lowestElement' }, '#myIframe');

</script>
</body>

The above code also requires you to reference a javascript file.  The javascript files can be found within the following FlowWright directory:

C:\inetpub\wwwroot\cDevWorkflow\js\IFrameResizer

Make sure to replace the form URL with the URL of your form.