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>
Hi there Cory,
The thin gray border and interior padding you see in the Embed block is there by design, but a feature that would allow you to toggle it on and off isn't a bad idea! I'll definitely pass that on to the product team for you.
We always appreciate hearing what folks want to see in future Rise releases, so thanks for the feedback!
Thanks, Cory. These details really help us to get a better idea of how folks are using the Embed block!
Hi Jen,
Thanks for checking in on this! Our team is finalizing some of the updates to Storyline that'll allow you to have a more seamless look when you're using a Storyline block in Rise.
We'll let you know here as soon as that is ready and you can apply it to your courses.
That’s fantastic!
Thank you.
Thanks Alyssa!
As we begin to embed Storyline (or other) content into our Rise courses, there will be times when I don't want that content to appear to be in its own section. Also, when I create something with a small height, Rise leave BIG gaps between content due to the iframe spacing.
Thank you for passing it along to the team!
This padding could really start causing content creators some grief when designing for mobile first.
It's not a big thing to fix, surely? If content creators want padding, we can add it ourselves? But with the current set up, we are stuck with it.
That makes a lot of sense, Ruth, and I really appreciate you sharing your perspective with us. I'll definitely pass it along to my team. Thanks for being a part of this community!
Hi Alyssa,
Do you have an update on this? It's causing us a lot of grief when using Rise and it's affecting our clients negatively who are trying to run courses on mobile.
Thanks,
EricaHi Erica,
No update on this yet, but I'd love if you could share another example so that I could pass that along to my team? Seeing real world examples and how this impacts your design will really help us understand the need and importance of this change.
If you wanted to drop the Share link in here, that would be enough for us to look at!
Hi,
Is there any update on this yet?
I'm trying to get my storyline slide to blend with the Rise page, with the grey border it doesn't look great.
Thanks
JenJen,
Just an FYI - Replying via email will include your signature. You can edit out your contact information from your post if you'd like!
