# How to include images horizontaly **URL:** \ **Category:** Ask for Help\ **Created:** [October 4, 2019, 7:03am UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868 "2019-10-04T07:03:37Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\ **Post date:** [October 4, 2019, 7:03am UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/1 "2019-10-04T07:03:38Z")
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 ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [October 4, 2019, 1:59pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/2 "2019-10-04T13:59:49Z")
This is kind of a bad example, but this should work if you put this in a column that is viewed with a rich text component. You would need to find much smaller icon images, but it should work. `[![](https://static.thenounproject.com/png/2888819-200.png)](mailto:fakeemail1@email.com) [![](https://static.thenounproject.com/png/1979761-200.png)](tel:123-555-5555/) [![](https://static.thenounproject.com/png/2465542-200.png)](https://wa.me/15551234567)` ---
**Author:** ![Carlos\_DeSilva](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carlos_desilva/32/19965_2.png) [@Carlos\_DeSilva](https://community.glideapps.com/u/Carlos_DeSilva)\ **Post date:** [October 4, 2019, 2:08pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/3 "2019-10-04T14:08:54Z")
Wonderful example. Sounds like this should be listed under Spreadsheet Magic. ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [October 4, 2019, 2:16pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/4 "2019-10-04T14:16:55Z")
> [@Carlos\_DeSilva](#): > > Sounds like this should be listed under Spreadsheet Magic. Done 🙂 ---
**Author:** ![B\_Y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/b_y/32/114_2.png) [@B\_Y](https://community.glideapps.com/u/B_Y)\ **Post date:** [October 4, 2019, 2:31pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/5 "2019-10-04T14:31:16Z")
Awesome Trick @Jeff_Hager! 🙂👍 I have a similar requirement which I had kept on Hold. Will try and use this logic to get it done dynamically by Concatenating. It will be great if we can have a TIPS and TRICKS section for a consolidated view of these kind of solutions? 😊 ---
**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\ **Post date:** [October 4, 2019, 4:52pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/6 "2019-10-04T16:52:26Z")
hi @Jeff_Hager what am I suppose to see here? i guess I’m miissing something but i don’t understand your answer. this is what I see in your reply: ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/1X/029f85295f4bb2fc6ac50d9fd42a8b1ce53057d0.png) ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [October 4, 2019, 5:03pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/7 "2019-10-04T17:03:20Z")
Put the code it into your spreadsheet exactly like I have it. Then view the column with a Rich Text component. It is markdown language. ---
**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\ **Post date:** [October 4, 2019, 5:13pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/8 "2019-10-04T17:13:02Z")
@Jeff_Hager ok, did that and: 1. WOWWW - I must learn how you did that. 2. I see all of them 1 after the other vertically and not horizontally. if i use smaller icons they will be next to each other? ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/1X/923f731123072583cc3a9882990c0ca2ef003fc5.png) ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [October 4, 2019, 5:24pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/9 "2019-10-04T17:24:48Z")
Glad you got it. I believe smaller images would show horizontally. I think the images that glide uses for the phone/email/text components are 18px X 18px. I couldn’t quickly find small enough images for the demo. There’s a lot of resources on the web to learn how to use markdown language. I’m still getting familiar with it, but I just did a search for markdown image links. Then I found some random images. You have to remember that links like emails and phone numbers need the “mailto:” and “tel:” part included. From previous discussions, I remembers that people used the WhatsApp short link to get that to work. ---
**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\ **Post date:** [October 4, 2019, 5:47pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/10 "2019-10-04T17:47:56Z")
You are absolutely awesome. Trully appreciate the insights and help. ---
**Author:** ![jesschrist](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jesschrist/32/86_2.png) [@jesschrist](https://community.glideapps.com/u/jesschrist)\ **Post date:** [October 4, 2019, 6:25pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/11 "2019-10-04T18:25:22Z")
You guys are awesome! ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [October 4, 2019, 7:36pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/12 "2019-10-04T19:36:25Z")
Hi, I think you should create a markup table (and use richtext in glide builder) to make the icons show up horizontally. Pls find some smaller icons 🙂 ```auto |---|---|---| |[![](upload://hxwNW4FyZIFZNRmi75HfZhGo9Yp.png)](mailto:fakeemail1@email.com)| [![](upload://jDCy1F4vzzc6pEP1Dkp7jrh4buV.png)](tel:123-555-5555/) |[![](upload://cHUneJ6wcrKSMctBQZBOde2F9SH.png)](https://wa.me/15551234567)| ``` ---
**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\ **Post date:** [October 4, 2019, 9:02pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/13 "2019-10-04T21:02:21Z")
Can you guys share some basic explanation on what is markdown language and markup table? Maybe a link to get me started 🤞 ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [October 4, 2019, 9:04pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/14 "2019-10-04T21:04:50Z")
@yinon_raviv Glide supply documentation. Take a lot in there [https://docs.glideapps.com/all/reference/components/text/rich-text](https://docs.glideapps.com/all/reference/components/text/rich-text) ---
**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\ **Post date:** [October 4, 2019, 9:05pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/15 "2019-10-04T21:05:41Z")
Perfect @Krivo thank you, will do ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [October 4, 2019, 10:02pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/16 "2019-10-04T22:02:13Z")
[https://dillinger.io/](https://dillinger.io/) and [https://www.markdownguide.org/basic-syntax](https://www.markdownguide.org/basic-syntax) are popular sources. ---
**Author:** ![George\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_b/32/534_2.png) [@George\_B](https://community.glideapps.com/u/George_B)\ **Post date:** [October 5, 2019, 1:27am UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/17 "2019-10-05T01:27:49Z")
Here is a source for some icons to experiment with. [https://www.copypastecharacter.com/](https://www.copypastecharacter.com/) ---
**Author:** ![Ralf](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ralf/32/492_2.png) [@Ralf](https://community.glideapps.com/u/Ralf)\ **Post date:** [October 5, 2019, 7:09am UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/18 "2019-10-05T07:09:55Z")
Unable get the images show up horizontally irrespective image size, has anyone succeeded? ---
**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\ **Post date:** [October 5, 2019, 7:27am UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/19 "2019-10-05T07:27:46Z")
Didn’t try yet but I guess you’ll need really small icons… ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [October 5, 2019, 10:15am UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/20 "2019-10-05T10:15:57Z")
@Ralf @yinon_raviv and all the rest 🙂 You can try this. Has small images. If you use the images for free remember to give credits to the owner > **[Use 91,500 Icons for iOS, Windows, and Android (Material Icons) for Free](https://icons8.com/license)** > > 91,500 iOS, Windows, and Android (Material icons) are free for personal and commercial use, please only link to us. ```auto |||| |---|---|---| |[![](https://img.icons8.com/metro/26/000000/email.png)](mailto:fakeemail1@email.com)| [![](https://img.icons8.com/metro/26/000000/phone.png)](tel:123-555-5555/) |[![](https://img.icons8.com/metro/26/000000/call-transfer.png)](https://wa.me/15551234567)| ``` [Next page](https://community.glideapps.com/t/how-to-include-images-horizontaly/868.md?page=2)