How to add a form to DotNetNuke

Last Update: May 24, 2016


Adding JotForm forms to DotNetNuke page is pretty easy. 

After creating your form, follow this steps to get your form's iframe code and embed it in your DotNetNuke page.

Steps:

1. Open your JotForm in edit mode

2. Click the "Publish" button in the toolbar.


3. In the Publish wizard, please go to the "Embed" tab. Choose "iFrame" in the Embed Options dropdown. Click the green "Copy Code" button at the bottom in order to copy the iFrame code.


4. Login to your DotNetNuke control panel page.

5. If adding a New Page, in the control panel, select Pages/Action and Add the page.


6. If editing a Page, click on Manage button and select Edit Content.


7. In the Edit Content page

      a. Select Rich Text Editor Option
      b. Click on the HTML tab
      c. Paste your Form Embed code.
      d. Click Save button to save the page. This will also close the Editor.



That's all. Go to DotNetNuke Preview Mode to see your form.



*** Note: DotNetNuke does not allow other scripts except iFrame when embedding in the page HTML editor.

 


1 Comment...


   
ibowden (April 24, 2016 at 10:16 AM)

These instructions don't seem to work as they should!
I'm using DNN 7 and have embedded the code into the page module. It shows up on the page - but almost all of the form doesn't show up!
Go to http://www.tuningfork.ca/po and you'll see what I mean.
Horizontally, the form displays properly. But vertically, the majority of it is cut off. Perhaps the code needs some tuning.

View Answer


Send Comment