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)?


  • edited September 2021

    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

Sign In or Register to comment.