Can images be auto-sized to fit the interaction?
When creating accordion or other interactions, is it possible (and how) to auto-scale the image to fit a certain constraint size (eg: height), so that all images in the accordion (or other image rendering component) are the same height (without changing the base image asset sizing)?
Comments
App-eLearn will auto-scale images to 100%. You can constrain the image sizes using some CSS in the CSS/LESS box in the ‘Project Settings’ section in App-eLearn. Here are steps for you to follow to achieve this:
1. Add a class to the accordion where you have your image (see image 1 attached)
2. Add the CSS to the CSS/LESS box in the ‘Project Settings’ section (see image 2 attached)
I hope this helps. Please feel free to reach out if we can help further!
Thanks Ellie. I'll try it out and let you know
Yes, images can be auto-sized to fit the interaction. some image-editing tools, such as Adobe Photoshop, can automatically resize images to the desired size. Additionally, some online tools, such as Fotor, can also be used to auto-resize images.