Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
Hi Appery team,
I'd like to map multiple images to an image component in a grid and show them inline.
I could successfully map them, but couldn't show them inline.
I've already specified 'display: inline-block;' to the image in CSS.
But it doesn't work.
I need your help.
Thank you!
【Current】
【Goal】
Hello,
It looks like your styles need more weight.
Please try adding this css:
codeimg.my_img {
display: inline-block;
width: 20%;
}/code
Don't forget to add the "my_img" class to every image to make it work.
Hello Galyna,
thank you for your reply.
I followed your advice, but it still doesn't work.
My mapping in service response is like this.
Hello,
Have you added a class "my_img" to each image? Could you show a screenshot of how you did it?
Hello,
Thank you for your reply.
As I said in the first post, I'd like to map multiple images to an image component in a grid. So, I add the class "my_img" to the only one image like this.
You use a mapping to images, located in the grid. The provided CSS is used for images without that grid.
Please use the following CSS for your case:
pre[data-wrapper-for="mobilegrid_208"]{
display: inline-block;
width: 20%;
}/pre
Hello,
it worked perfectly!
Thank you very much