Hi all, Need your experts insights. Is there a way to put 2 or 3 (small) images next to each other in 1 row. For example, let’s say I want to put icons of mail, WhatsApp and call that each of them will be clickable to the relevant action. Thanks for any advice! Yinon

Of course @Ralf . Your demo looks great. When you have time I’ll be happy to learn what you did with the moving text and signs setting. It’s also HTML no?

Yes, it is html! See post Simple idea of showing a customer message by @Alex_Calandrino

[image] Ralf: Image size does not matter! I am struggling with image size. I am trying to insert small images in-line with text, using Markdown in Rich Text component. I have tried shrinking the images (e.g., using an online image resizer) to get the image to the right size, but the resulting image resolution is not legible. Is there another approach? For example, a way to shrink the original image in Markdown so it fits in-line with the text, similar to the way an emoji might present? A different way to resize the original image before adding it to the app? For example, the built-in mail and link icons are small but have good resolution. Thanks!

Try putting it I table format in markdown with just one cell. Maybe this will solve it

Does your image blur? If so, it might be a mark down table issue.

@apertur.co Here I have put text right of images! [image] Mail [image] Phone ||||| |—|---|—|---| |[image] |Mail | [image] |Phone|

Thanks for helping, @Ralf. I figured out how to do this (resize an image within Markdown, without loss of resolution), based on this post: https://stackoverflow.com/questions/14675913/changing-image-size-in-markdown, which suggested: Just use: instead of: ![](Assets/icon.png) Here’s an example of my spreadsheet cell: =" " & " Test inline image" where H2 is the cell containing the image URL. Unfortunately, the in-line image doesn’t look as nice as I had hoped, so I am not moving forward with this. But it’s a good trick to know for future reference.

I would find a different way to resize the image. Maybe the method you used doesn’t work well. HTML is potentially vulnerable if Glide stops allowing it. I’m not saying to stop using HTML as I have some here and there in my app, but I’m prepared if it ever stops working. I’ve seen CSS stop working already, so it’s possible.

Agreed. Best to avoid HTML wherever possible, for the reason you give. The Stack Overflow post has some other, non-HTML suggestions. I tried them, but couldn’t get any of them to work with Glide’s implementation of Markdown. I actually ended up not using this, because what I really want to do is create a tile with multiple lines of formatted text (headers and bullet points) next to it. I explored a table, but I can’t figure out a way to add headers and bullet points to the cells within the table.

Hi Ralf, thank you for sharing so much information about the topic, it’s super helpful! I am taking a twist on the horizontal emoticon bar but can’t wrap my head around it, I want to achieve a row with 5 different emoticons next to each other that can be clicked on for each emoticon separately so that the user can click on its mood. This must function as his mood tracker like the example below, how do I do this? The data of the clicked emoticon should be transferred to the datasheet. thank you and greeting from Berlin [17%20AM]

How to include images horizontaly

Ask for Help

Alex_Calandrino November 7, 2019, 1:40pm 66

@Kyle_Heney @Ralf

Topic		Replies	Views
Making image smaller Ask for Help	22	355	November 9, 2024
Possible to use images in RichText component Ask for Help	17	2197	March 10, 2024
Basic Table Component General	120	7473	January 11, 2025
🎤 We'll Do It Live - Episode 5 General	117	3295	July 22, 2021
Multirow Choice Component (aka Chips UI) Feature Requests	156	9430	October 8, 2021

How to include images horizontaly

Related topics