Hi, I have a little calculator based on gravity forms which I would like to embed in my course - see here. However, when I put the code into the code block it just showed the code.
It certainly is possible. It may just be a question of cleaning up your embed code.
Here is an example that does work: <iframe src="https://services.cognitoforms.com/f/IfMMVaoVoE22ME8Xv9alyA?id=21" style="position:"relative";width:"1px";min-width:"100%";width:"100%;" frameborder="0" scrolling="yes" seamless="seamless" height="608" width="100%"></iframe>
Hi, I still have a problem. I used your code Ilia but there was a massive space underneath the calculator. I fixed this for desktop by making it 15% rather than 100% but this means it gets cut off in smaller resolutions such as tablet and mobiles.
Is there any way we can show an alternative version based on viewport width?
Alyssa, your code puts in a box you need to scroll down which is OK but not ideal.
I have put both options on the test site here so you can see what they look like. What do you think would be best?
Hi, Tessa. To answer your question, there isn't a way in Rise 360 to show different versions of content based on device size and orientation. Rise 360 content will reflow automatically based screen size, but it can't change the layout of external web content.
I'll leave the question of what looks best to you and your stakeholders!
I now have another problem. When I try to embed a storyline course into an iframe in an ordinary wordpress page it appears very small. Is there a way to change this?
11 Replies
The purpose of the Code Snippet Block is only to display code, and not to execute it.
Try using a Multimedia Embed block instead.
Tried that and it did not work. Maybe it is not possible, which would be a shame.
It certainly is possible. It may just be a question of cleaning up your embed code.
Here is an example that does work: <iframe src="https://services.cognitoforms.com/f/IfMMVaoVoE22ME8Xv9alyA?id=21" style="position:"relative";width:"1px";min-width:"100%";width:"100%;" frameborder="0" scrolling="yes" seamless="seamless" height="608" width="100%"></iframe>
I am afraid I don't really understand code so amending it is beyond me.
You can see the code on the page here (via the copy embed code button). Can you suggest anything?
Thanks
Try embedding just
<iframe height="100%" src="https://landlordlawessentials.co.uk/courses/tenancy-deposit-calculator/?wpep-embed=true"></iframe>
https://360.articulate.com/review/content/56c3635d-c287-49ad-a8ef-b01128bdf430/review
Hi Tessa!
Use the formula
<iframe src="URL"></iframe>
. Just replaceURL
with the link for the content you want to embed.Here's the code I used in a Multimedia Embed block, and it looks perfect!
<iframe src="https://landlordlawessentials.co.uk/courses/tenancy-deposit-calculator/"></iframe>
Thanks very much, I have now managed to embed it using your code Ilia.
Hi, I still have a problem. I used your code Ilia but there was a massive space underneath the calculator. I fixed this for desktop by making it 15% rather than 100% but this means it gets cut off in smaller resolutions such as tablet and mobiles.
Is there any way we can show an alternative version based on viewport width?
Alyssa, your code puts in a box you need to scroll down which is OK but not ideal.
I have put both options on the test site here so you can see what they look like. What do you think would be best?
Hi, Tessa. To answer your question, there isn't a way in Rise 360 to show different versions of content based on device size and orientation. Rise 360 content will reflow automatically based screen size, but it can't change the layout of external web content.
I'll leave the question of what looks best to you and your stakeholders!
Thank you!
I now have another problem. When I try to embed a storyline course into an iframe in an ordinary wordpress page it appears very small. Is there a way to change this?
>> Here is the page
I would put the code here but I don't know how to do it.
Thanks
Sure thing, Tessa. This article helps with embedding your Storyline 360 course in a web page using an iframe. Do you know what dimensions you selected in the line of code?
If the web page isn't respecting those dimensions, I'd reach out to the admin of that page to see if there are any restrictions on iframe content.
This discussion is closed. You can start a new discussion or contact Articulate Support.