Centering images in Rise tabs and accordians

Hi Holly,

If your images are coming up too small in the tabs, it's most likely because your images are too small. You need to have higher resolution images here for it to display properly. The higher the better. 

And a note to everyone regarding this:

My workaround has been to expand the image in question's width in Photoshop. White or transparent backgrounds will work, so long as the canvas's width is extended. Experiment with the sizes to get the one that's right for your image. 

Realistically this should be a feature. Several blocks could use it, not just the accordion block. Give the users more formatting power Articulate!

Hi team,

just to reinforce what others have already said - I too would like to be able to centre the images.  I can completely understand that where the images are located will change depending on the device being used - however if we were able to centre them in the space provided, then they would remain centred on all devices.  For the overall look of the modules, this would be a great benefit and would make a great future enhancement to Rise.

This is something that would be great to have.

If you haven't tried already. If you crop the image by reducing its height so that the image is wider than it is in height, the image magically fills the space edge to edge.  Not ideal in every case but is a workaround I've found useful.

I've got to add to this discussion - not being able to center (or at least have Rise recognize it should fill the available space) a picture is painful - the results look terrible and the work arounds are tedious.

Hi everyone! We're excited to announce that you can now align your images in accordion, tabs, timeline, and process blocks. Choose from left, center, right, and full width. Enjoy!

Hi Angela!

Images in the Tabs and Accordion blocks are left-aligned by default, but keep in mind the extra white space to the right of the image will vary depending on the device you're viewing the course on. To test it, click Preview, then select Mobile Portrait.

It sounds like you would like to see more options for customizing the alignment. I can definitely pass that idea along to the product team! Thanks for reaching out. 😀

This has been on my long Rise wish list (C,9.) at https://community.articulate.com/discussions/rise/my-rise-wish-list 

But what we really need is access to the full HTML editor inside the Accordion so we can add what we need rather than being limited by Rise (e.g., add 2 or more images, fix nested lists, etc.)

I have stopped using the Accordion block because of its limitations, except in the simplest use case (where I don't need more than one image, formatting is minimal, etc.). 

I really could do with the ability to center images in the Tabs. I use a lot of images in my courses and the workaround of editing each image with whitespace/transparency simply wastes time - for something (centering) that should really be available in a rapid development package! I loved Rise initially but it is starting to grind on me slightly now when basic editing options like this are not available. And as it is still probably not on the development roadmap (this thread is 2 years old) I think I will be moving away from developing in Rise for my next builds.

Hi Angela,

Within those lesson types, the images are left aligned, and I know a few other users have shared their feedback on that as a feature request ( share yours with us right here. 😁 ). 

Although it wouldn't impact this set up, I did want to share our Rise best practices for working with images. Some good reminders about how the content will display based on responsive design. 

Another person here wanting to be able to centre the image. Basic formatting functionality would be great to have to make the learning look more professional