Embedding code

Apr 28, 2020

Hi Team,

I created a crossword puzzle from an online puzzle generator. They gave me the code below. How/where do I embed that in Articulate Storyline 360? I tried embedding it through 'video from website', but no go.

Here's the code:

div style="margin:auto; display:flex; flex-direction:column; height:500px; max-width:500px">
<iframe border="0" src="https://crosswordlabs.com/embed/privacy-and-information-2" style="flex:1; width:100%; padding:5px 0px 0 5px; border:3px solid black; "></iframe>
<a target="_blank" style="align-self:center; font-size:12px; color:black; padding-top:10px; text-decoration:none;text-align:center" href="https://crosswordlabs.com">Crossword Puzzle Maker</a>
</div>

Thanks in advance for any help you can provide!

Julia

4 Replies

Tom Kuhlmann
Staff

almost 4 years ago04/29/20 at 1:27 am (UTC)

With the embed code, you could leverage the web object. You'd need to create a blank html page and insert the code.

However, if you go to their site, it looks like they give you a URL. I'd use the web object and insert the URL from there.

Demo
Here's a video to show how to use their focus URL

Julia Lee
Author

almost 4 years ago04/29/20 at 3:05 am (UTC)

Tom, you and Hazel are absolutely rock stars!!! Thank you so much. I had been knocking myself out all afternoon trying to actually build out some kind of interactive crossword in articulate (it's a lot of work!). Much appreciated!

Julia Lee
Author

almost 4 years ago04/29/20 at 3:06 am (UTC)

one more question: by embedding these online crosswords into my articulate storyline 360 file, will there be any issues with the crossword slide when flash dies at the end of 2020?

Tom Kuhlmann
Staff

almost 4 years ago04/30/20 at 3:14 pm (UTC)

There's only an issue if the embedded object uses Flash.

Embedding code

4 Replies

This discussion is closed. You can start a new discussion or contact Articulate Support.