Embedding Microsoft Forms

Jan 30, 2020

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
jacob Møller

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 nice

Jose Tansengco

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!