Forum Discussion
Rise Image Block not displaying
At the close of my Rise project I've added an image with our tag line. For some reason it won't display. When I go to edit, I see it there, but when I preview it isn't. Any suggestions on what I need to do to make this work?
37 Replies
I can't see an image block at the bottom of a page/slide either. Is there a workaround?
This is VERY frustrating!
Experiencing the exact same issue... seems to be an issue with the block animation not getting fired. I didn't want to have to turn off block animations for my entire course just to resolve this glitch. I've submitted a ticket about this. Disappointing that this issue was first reported 2 years ago and hasn't been addressed!
The only way I was able to fix in the meantime was to manually add in some custom css styling into the index.html file. This worked to disable the animation just for that one image:
div[data-block-id="##########"] .animated{
animation-duration: 0s !important;
opacity:1 !important;
}Note that ########## needs to be replaced with the data-block-id for the image (found using something like Chrome's web inspector).
It seems this issue is caused when using a shorter image height -- for example if you test with the default image that comes with the image block, the issue doesn't appear. In my case, the image I was using was 750x126px so it was a much shorter height... which must be what is causing the animation to display it to not fire. Support was able to replicate the issue, and have it registered as a "possible" bug.
Although I just used the CSS workaround stated above, guessing this could also likely be resolved without CSS by adding extra transparent space to the bottom of your image file (or space in the same colour of your background) to give it the additional height required to avoid this issue.
Hello, S T! So far, we haven't had the opportunity to view a course that has this issue. Would you mind sharing yours with us? If there's a bug happening here, we want to know about it!
If that works for you, please send us your Share link by opening a case. Thanks!
Thanks for letting us know how you solved it, Mark! We'll update you if we get any new information that will help.
I this bug being worked on?
This has caused a lot of unnecessary time and headache to try and resolve. How can Rise be released with such an obvious bug?
Hello, S T! Since there are several issues mentioned in this thread, can you please tell us more about what you're seeing?
Is there an image that has disappeared when viewing your lesson? If so, is that image the last block in the lesson?
Yes, that's my issue. The image at the bottom won't appear, but it's not even the last block in the page. There's a text block after, but just a line or two.
I didn't want to turn off the entrance effect (a workaround I've seen). I added a spacer at the bottom and that seemed to fix it, although there's extra space at the bottom now.
Hi S T,
As a workaround, you can try the following to get the image showing properly:- Add a Continue block below the image — must be an enabled Continue button. A restricted continue button doesn't solve the issue.
- Use a taller image (you may add whitespace above or below your desired image).
If this doesn't help, we'd love to check your file and work with you on this! You can start a case and we can work through those steps with you together!
Should there be any update for this issue, we'll be sure to reach out if we make any changes that will help!
Hi S T!
Thanks for letting us know that helped for now. If we have any updates for you about this, we'll reach out!Hi,
I had the same issue. I needed to add a logo at the very bottom of the final page of the training like a banner. I cropped it so that it was as wide as the original image but about a third of the height. The image appeared as desired in Rise 360 however it did not show once it was published in Review 360 and loaded to the LMS. As long as I made the image slightly "taller", the image appeared in Review 360, but like others have previously mentioned, I don't want a lot of white space, especially at the end of the course when if they don't scroll all the way to the bottom, the LMS won't consider that the course has been completed. This is super annoying. Why wouldn't we be able to use the size of image desired? Failing that, if we can't crop to below a certain height, then we shouldn't be able to fall below that threshold in Rise 360 to begin with. I did not test if this is just a function of using Crop, or if I loaded an image that was already the desired size, if the same issue occurs.
Hi,
I don't want a divider block at the end. I solved the issue as noted above by making the image taller and disabling the entrance animations, but as stated, I don't understand why there would be issues with cropped images appearing in Review 360 when they work in Rise. If the limitation cannot be overcome, then that should be clearly identified in Rise (by not allowing the image to be cropped beyond a certain point). This is clearly a known issue and it would be nice for it to be fixed.
I'm sorry this has caused headaches for you, Robin! Our team has our eyes on this bug, and we'll be sure to reach out to you if we get any updates about it. Thanks so much for letting us know how it's affecting your projects.
