Hi, I haven't found anything about this: Does anybody have a trick how to use images in tables in Rise360? AFAIK, it is not possible out-of-the-box, it may be possible in debugging mode with a lot of hand-editing HTML code, but has anybody found an easier cheat for this? Tables are SO useful for formatting HTML-based text, I would love to be able to use images in them. Thanks!

Hi Felix, Thanks for reaching out! While it's not currently possible to insert images in a Rise 360 table, we have a feature request to make that possible. I've added your voice to the feature report, so you'll be notified if that becomes available in a future update of Rise. In the meantime, I am opening the floor to our community members who might have a workaround for inserting images in a Rise table.

Looking fwd to this feature becoming real for those who arent savvy with html. I use the inspect tool alot to create my own custom table layouts that have inserted images etc, but I'm a bit wary of continuing to do so because if they change the framework in a future update, what will it do to the custom content I've created (in all our 100s of elearns). So, I'm refraining from doing as much custom html coding as I normally will, just in case..

Hi Felix, Here is the hand-editing method. Use this code <img class="equation_image" title="TITLE" style="vertical-align: middle;" src="URL" alt="ALTTEXT"> Make a table and type xxx in the location you want the image to be. Right click on xxx, then select Inspect, Find the xxx in the Inspect area, Right click, Select Edit as HTML. Past the code below on the xxx. <img class="equation_image" title="BICYCLE" style="vertical-align: middle;" src="https://images.articulate.com/f:jpg%7Cpng,a:retain,b:fff/assets/rise/assets/block-defaults/bike.jpg" alt="Old bicycle with front basket.">

Hi Wilfried, thank you, that is great, hadn't thought of some placeholder like xxx. this makes it much easier to achieve what I want. Not quite out-of-the-box, but for the occasional use, it's absolutely doable. 👍👍👍

Mata, here's the best way I've found to add inline images in a course. The method described by Wilfred above is temporary and will break eventually because it creates an external reference, your stakeholders will not appreciate that. In this example I use an image of a math equation, securely stored within the Rise course itself.

Rise 360: Images in tables? Any tricks?

EricSantos
Staff
4 months ago
Hi Felix,

Thanks for reaching out! While it's not currently possible to insert images in a Rise 360 table, we have a feature request to make that possible. I've added your voice to the feature report, so you'll be notified if that becomes available in a future update of Rise.

In the meantime, I am opening the floor to our community members who might have a workaround for inserting images in a Rise table.
MataHenry-1476e
Community Member
3 months ago
Looking fwd to this feature becoming real for those who arent savvy with html.
I use the inspect tool alot to create my own custom table layouts that have inserted images etc, but I'm a bit wary of continuing to do so because if they change the framework in a future update, what will it do to the custom content I've created (in all our 100s of elearns). So, I'm refraining from doing as much custom html coding as I normally will, just in case..
- PhilFoss
  Community Member
  3 months ago
  Mata, here's the best way I've found to add inline images in a course. The method described by Wilfred above is temporary and will break eventually because it creates an external reference, your stakeholders will not appreciate that. In this example I use an image of a math equation, securely stored within the Rise course itself.
  - MataHenry-1476e
    Community Member
    3 months ago
    I have Rise course that I save the images into, and copy the urls, then paste into the new course. It gets around that issue of lost images. Sort of using as a online space to store imgs.
    I follow/do everything else thats pretty basic, applying the css in inspector etc.
    
    HOpe they add this kind of thing to the road map soon - although I am very familiar with css and html, many of my colleagues arent. Looking fwd to seeing this feature live for their sake.
WilfriedSharp-3
Community Member
4 months ago
Hi Felix,

Here is the hand-editing method. Use this code

<img class="equation_image" title="TITLE" style="vertical-align: middle;" src="URL" alt="ALTTEXT">

Make a table and type xxx in the location you want the image to be.

Right click on xxx, then select Inspect, Find the xxx in the Inspect area, Right click, Select Edit as HTML.

Past the code below on the xxx.

<img class="equation_image" title="BICYCLE" style="vertical-align: middle;" src="https://images.articulate.com/f:jpg%7Cpng,a:retain,b:fff/assets/rise/assets/block-defaults/bike.jpg" alt="Old bicycle with front basket.">
- FelixFranke
  Community Member
  4 months ago
  Hi Wilfried,
  
  thank you, that is great, hadn't thought of some placeholder like xxx. this makes it much easier to achieve what I want. Not quite out-of-the-box, but for the occasional use, it's absolutely doable.
  
  👍👍👍