Forum Discussion
Rise Image Block not displaying
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.