Forum Discussion
Embedding Microsoft Forms
I am trying to embed a form in a rise course. It worked pretty good with google forms but isn't showing the same way for microsft forms. I try to use the embed code but rise isn't reconizing it. The link option works but it isn't seemless. Any thoughts?
41 Replies
Hi Jane! Try these steps:
- Insert a Multimedia Embed block.
- Click Edit to open the block editor.
- Under the Content tab, click the Change link.
- In the "Paste URL or iframe code here" field, paste the iframe code
<iframe src="URL"></iframe>. Replace URL in that code with the actual URL link to your form. - Press Enter.
Let me know how that goes!
Hi! I am also trying to embed a web object into Rise. In my case I'm trying to connect learners to a SharePoint Microsoft online page to get them familiar with the resources the company has available and send them directly to the page rather than creating a simulation that will need to be updated every time the landing page changes. However, no matter what I try in Rise or Storyline 360, I get the following error. Is there a workaround or is it not possible due to access/login restrictions? I've tried finding articles on this but haven't been successful.
Hi, Emmanuelle! Karl shared some information here that might help!
So the "fix" to this isn't working at all for me. It just says "Please enter a valid URL or iframe" each time I've tried.
This was a quick tip that really worked. Thanks!!
Hi Becky! I found this link to be quite helpful! I find it's helpful to type in the iframe coding then enter in the shortened MS Forms URL. Copying and pasting the embed from MS Forms doesn't work but the trick in the link does. I've done it a ton in the last few weeks.
I tried using the iframe code referenced above, and it worked...or so I thought! The form appears beautifully in preview but not when I publish to Review, view as with a share link, or when I export and upload to my LMS. Any ideas?
hi, i followed Alyssa's instructions, and have my form open to anyone and am still only seeing the code when i preview. Im using chrome though- is that still a known issue?
Hi Izzy. Thank you for the screenshot. Does it load the form correctly when you are not previewing the course? Could you try using a new Embed block and see if you will still get the same behavior? Also, are you using a supported browser such as Google Chrome?
I am trying to embed with iframe a sharepoint form in my rise file. I tried removing everything except the <iframe src="url"></iframe> and did Karl's suggestion about removing the "in my network" option. I get the error message about a nonvalid URL for iFrame. Anyone having this who can help me?
I am relatively a new user of Rise and have created a class exam for which after I have embedded a Microsoft Forms survey. This has been published and the students have completed the exam and survey. How do you extract the results from the Microsoft Forms survey embedded in the course?
Hi Adrian,
You can log in to the Microsoft Forms website. Then select the form you have created. You should see a Responses tab (as shown in an example below) where you can see the responses from your students:
Is there a way to make it full screen on the MS Form?
Hi
Your solution works fine on a desktop, but on mobile devices, it turns green?This is the embed code: <iframe width="640px" height="480px" src="https://forms.office.com/e/qS3N49u0tN?embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
When I change it as you wrote above, it works fine on desktop, when viewed on phone I just get a green screen and somewhere I get the microsoft forms logo and a blue link below
Does not look very niceI am finding that the iframe works how it's really stretching the form and so half of my options are cut off. I've tried playing with the width but it's not working - any ideas?
Hi Megan,
I'm not an expert on iframes, but I believe it also accepts percentages. Instead of a defined value, have you tried using percentages for the width to see if this allows the full page to be displayed? Example:
<iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>If you'd be willing to share a snippet of your iframe code here, I'm sure someone with more knowledge on HTML5 tags can help troubleshoot the behavior with you!
