Problems embedding "microsoft forms pro" survey in web page

%3CLINGO-SUB%20id%3D%22lingo-sub-863583%22%20slang%3D%22en-US%22%3EProblems%20embedding%20%22microsoft%20forms%20pro%22%20survey%20in%20web%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-863583%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20trying%20to%20embed%20a%20survey%20created%20in%20Microsoft%20Forms%20Pro%20in%20a%20popup%20dialog%20within%20a%20website.%20When%20I%20insert%20the%20markup%20and%20scripts%20I%20get%20by%20selecting%20the%20%22inline%22%20option%20in%20the%20%22Embed%22%20tab%20I%20get%20a%20funky%20forms%20banner%20with%20a%20%22Fill%20out%20the%20form%22%20link%20(that%20is%20actually%20not%20showing%20because%20the%20geometry%20is%20off).%20This%20isn't%20what%20we%20want.%20We%20need%20the%20survey%20itself%20to%20appear%20in%20the%20dialog.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHow%20do%20I%20make%20this%20happen%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20attached%20a%20GIF%20of%20the%20dialog%20as%20it%20now%20appears%20and%20the%20HTML%20with%20associated%20JavaScript%20which%20renders%20the%20survey%20and%20pops%20up%20the%20dialog.%20I%20had%20to%20take%20a%20snippet%20of%20the%20code%20because%20this%20site%20wouldn't%20allow%20me%20to%20upload%20the%20actual%20markup%20text.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20currently%20use%20jQuery%2C%20bootstrap%20and%20AngularJS%20on%20this%20website.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%2C%3C%2FP%3E%3CP%3EMike%20Lockhart%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-863583%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EOffice%20365%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-863593%22%20slang%3D%22en-US%22%3ERe%3A%20Problems%20embedding%20%22microsoft%20forms%20pro%22%20survey%20in%20web%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-863593%22%20slang%3D%22en-US%22%3E%3CP%3EHere%20is%20the%20markup%20image%20I%20mentioned.%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F411862%22%20target%3D%22_blank%22%3E%40flyfisher1952%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1479564%22%20slang%3D%22en-US%22%3ERe%3A%20Problems%20embedding%20%22microsoft%20forms%20pro%22%20survey%20in%20web%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1479564%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F411862%22%20target%3D%22_blank%22%3E%40flyfisher1952%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20the%20same%20problem%20and%20would%20love%20a%20solution.%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

Hi,

 

I am trying to embed a survey created in Microsoft Forms Pro in a popup dialog within a website. When I insert the markup and scripts I get by selecting the "inline" option in the "</>Embed" tab I get a funky forms banner with a "Fill out the form" link (that is actually not showing because the geometry is off). This isn't what we want. We need the survey itself to appear in the dialog.

 

How do I make this happen?

 

I've attached a GIF of the dialog as it now appears and the HTML with associated JavaScript which renders the survey and pops up the dialog. I had to take a snippet of the code because this site wouldn't allow me to upload the actual markup text.

 

We currently use jQuery, bootstrap and AngularJS on this website.

 

Thanks,

Mike Lockhart

2 Replies
Highlighted

Here is the markup image I mentioned.

@flyfisher1952 

Highlighted

@flyfisher1952 

 

I have the same problem and would love a solution. :)