Forum Discussion
Rise iFrame: removing grey border; reducing interior padding of frame
I am working on embedding some storyline2 content into a Rise course using an iframe withing the embed option. I'm able to do so and have gotten my course content to load fine.
Within the attached image, you'll see two areas called out i'm looking for possible solutions on.
1) Is there a way to remove the border around the embedded iframe? This grey bar is within the attached image using a red box. I've tried adding the following options minus the parentheses with no luck.(frameborder="0")
(frameBorder="0")
(seamless="seamless").
2) I can't seem to figure out how to remove the white spacing around the embedded .story file. This space is identified within the attached image using s long squiggly line. Is that are able to be removed?
Background info: I want to use very narrow storyline files, maybe 100 pixels tall, but Rise seems to be adding several inches of space to the top and bottom when I do. So what might act as a custom graphical divider or other custom interactive element, will now "float" in the course between those spaces.
Here is the embed iframe code I am using if you want to play with it.
<iframe src="https://s3-us-west-2.amazonaws.com/mfrm-learning-development/Course+Files/CoryTest/story.html"></iframe>
Oops!
Thank you! :DHi,
Is this likely to be a fix in the near future?
Thanks
Hi Ashley Terwilliger - is this process close to launch? We want our iframe to look blended in the page as opposed to being an old-fashioned looking block. Appreciate any updates on this, thanks!
Hi Joe and Craig,
The modern player for Storyline 360 is now available (read more about it here). If you use the Modern player, look to set Menus & Controls to Off and choose the Light player theme, then you shouldn't see a border in Rise.
Here's a quick, one slide example I did in Storyline with those settings. The image below the puppy is just a regular Rise image block.
Thanks Ashley Terwilliger! Thats amazing, so helpful and looks so much better! :)
That's great to hear, Craig! Thanks for letting us know!
Ashely, I love the new modern player. I attempted to use your directions above to remove the iframe border - and it kind of worked. : )
I still see a light colored line above and below my recreated flash card element that I recreated in storyline. Any thoughts on why this is showing?
Here is a working example of the issue: https://rise.articulate.com/share/4_dy6BhPC5AEP7YFNUZQ9-Ht5r_XyLNU
Hey Cory,
Thanks for including that example. We're seeing the same thing you're seeing--so sorry for the trouble! Our team is working through this issue, and we'll keep you posted as we know more.
In the meantime, do you see an improvement if you change the width to Medium or Full Width? You can make that change by clicking Edit >> Settings in the Storyline block.
Thanks for the response Alyssa. The lines are still visible after changing the width setting within the embed. I also tried included and oversized rectangle on the base layer, which extended well beyond the slide edge - just to make sure the surface area was 100% covered.
