Embedding in DNN

If you'd like to embed your Formstack Forms into Dot Net Nuke (DNN), you can do so by following a short workaround during the embedding process.

 

While within the Form you'd like to embed, click on the Publish tab and go to the Advanced menu option on the left sidebar. Within Form HTML, check the box 'Remove JavaScript' and copy the code to your clipboard.

 

Screenshot_2019-05-06_13.03.16.png

 

You'll then copy the code into your DNN HTML module and then make some changes to the code. You'll see a section of code that looks similar to:

<div id="fsSubmit#######"><input id="fsSubmitButton#######" type="submit" value="Submit Form" /></div>

 

You'll replace that with the following:

 

<input type="submit" onclick="this.form.action='http://www.formstack.com/forms/index.php';this.form.submit();return false;" value="SUBMIT FORM" id="fsSubmit#######" />

 

Note: The ####### part of the code will be replaced with the actual ID number you'll see in the code. This will be unique for each Form.

 

Once finished, you can save the DNN Module and the Formstack From should be properly embedded and ready to use!

 

To view the original blog post walking through this process, check out this page.

 

Was this article helpful?
0 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.