# How to include images horizontaly

**URL:** https://community.glideapps.com/t/how-to-include-images-horizontaly/868
**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:** 2

<div class="post-metadata">

### 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, 1:35pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/21 "2019-10-05T13:35:01Z")

</div>

Perfect, thank you very much Krivo!

 ![E31F33884B7A43D4B9B92838D347A35B.png](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/1X/677f06bdf711468707faf594c72c7993f90d2513.png)

---

<div class="post-metadata">

### 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:02pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/22 "2019-10-05T19:02:55Z")

</div>

After reading the post “How to include images horizontally” I decided to learn more about the mark down language which has been a blank paper for me.

After struggling hours with vertical bars and dashes I got help from @Krivo, thank you Krivo!

In applying the technic on my demo app FAANG I found that “less is more”, one component and a few tabs resulted in better performance and nicer user interface.

Image size does not matter!

[https://fang2.glideapp.io/](https://fang2.glideapp.io/)

---

<div class="post-metadata">

### 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:53pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/23 "2019-10-05T19:53:42Z")

</div>

@Ralf  
As the person who started this thread I want to add that I completely agree with you. Didn’t have a chance yet during the weekend to to start this but am planning for sure to do this early in the week.  
Is it possible to ask you to share the code you build for the icons?  
Also, if you have some insights after your experience with the markdown will be very happy to hear them

---

<div class="post-metadata">

### 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, 8:33pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/24 "2019-10-05T20:33:46Z")

</div>

@Ralf  
Great to see your progress. And glad that my little assistance helped you to the next level. Keep up the good work. Let’s hope that glide will introduce some cool chart functionalities in the not to far future

---

<div class="post-metadata">

### 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 6, 2019, 4:36am UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/25 "2019-10-06T04:36:52Z")

</div>

@yinon_raviv  
The app is a template. If you copy app you also get a copy of the Sheet where the mark up resides.

---

<div class="post-metadata">

### 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 6, 2019, 5:08am UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/26 "2019-10-06T05:08:38Z")

</div>

@Ralf perfect. Thanks

---

<div class="post-metadata">

### 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 6, 2019, 10:42am UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/27 "2019-10-06T10:42:26Z")

</div>

@yinon_raviv  
I have now completed the app with small info icons!  
[https://fang2.glideapp.io/](https://fang2.glideapp.io/)

---

<div class="post-metadata">

### 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 6, 2019, 11:07am UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/28 "2019-10-06T11:07:38Z")

</div>

Beautiful !  
Will deeply look at the code later to see what and how you did this.

---

<div class="post-metadata">

### 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 7, 2019, 12:30pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/29 "2019-10-07T12:30:18Z")

</div>

Hi @Krivo  
When I quit the communication app (Mail etc) I land on a blank screen. Have to restart the phone!  
What do you think?

---

<div class="post-metadata">

### 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 7, 2019, 1:37pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/30 "2019-10-07T13:37:25Z")

</div>

So, after many hours if reading about the wonderful world of markdown and reviewing @Ralf app I managed to do what I originally intended .

See the final result in the app:  
[https://yinon-raviv.glideapp.io](https://yinon-raviv.glideapp.io)

Your comments and fidback are most welcome.

---

<div class="post-metadata">

### 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 7, 2019, 1:56pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/31 "2019-10-07T13:56:16Z")

</div>

Very clean and visually appealing. Nice Job!

---

<div class="post-metadata">

### 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 7, 2019, 2:00pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/32 "2019-10-07T14:00:19Z")

</div>

Nice work, it looks very good and is functioning very well!  
As you can see from my above post to @Krivo I have problem when testing on iphones. Grateful If I may share your code!

---

<div class="post-metadata">

### 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 7, 2019, 2:11pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/33 "2019-10-07T14:11:25Z")

</div>

Hi again!  
I tested your app on my iphone and found that you have the same problem!

---

<div class="post-metadata">

### 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 7, 2019, 2:23pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/34 "2019-10-07T14:23:03Z")

</div>

Hi @Ralf  
Which problem you find? I don’t have and don’t use iPhone…

---

<div class="post-metadata">

### 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 7, 2019, 2:24pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/35 "2019-10-07T14:24:12Z")

</div>

Of course. Will upload later when I’m back on my PC will send you a copy

---

<div class="post-metadata">

### 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 7, 2019, 2:42pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/36 "2019-10-07T14:42:59Z")

</div>

> [@Ralf](#):
>
> When I quit the communication app (Mail etc) I land on a blank screen. Have to restart the phone!

Ralf

---

<div class="post-metadata">

### 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 7, 2019, 2:55pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/37 "2019-10-07T14:55:24Z")

</div>

@Ralf @Mark  
Hi

I believe it is a design flaw (bug) or unsupported feature. Of course I would like to which it is. Can you help us out here @Mark?

I’m on iOS 12.3.1

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

---

<div class="post-metadata">

### 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 7, 2019, 4:49pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/38 "2019-10-07T16:49:22Z")

</div>

@Mark @Krivo @yinon_raviv

Installed iOS 13.1.2 today.  
Problem seems to be solved there!

---

<div class="post-metadata">

### 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 7, 2019, 4:50pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/39 "2019-10-07T16:50:13Z")

</div>

@Ralf that’s good news. did you happened to check my app as well?

---

<div class="post-metadata">

### 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 7, 2019, 4:55pm UTC](https://community.glideapps.com/t/how-to-include-images-horizontaly/868/40 "2019-10-07T16:55:57Z")

</div>

hi @Ralf.

as requested, see the code I used to create the contact icons:

```
||||||||||
|---|---|---|---|---|---|---|---|---|
|[![](https://firebasestorage.googleapis.com/v0/b/glide-prod.appspot.com/o/img-uploads%2F5ayhHF1b4RgejA1mAqsY%2F2c4bd5.png?alt=media)](mailto:info@configura.co.il) |<pre> </pre>| [![](https://firebasestorage.googleapis.com/v0/b/glide-prod.appspot.com/o/img-uploads%2F5ayhHF1b4RgejA1mAqsY%2F511f05.png?alt=media)](tel:+972547007027) |<pre> </pre>| [![](https://firebasestorage.googleapis.com/v0/b/glide-prod.appspot.com/o/img-uploads%2F5ayhHF1b4RgejA1mAqsY%2F6cb853.png?alt=media)](https://api.whatsapp.com/send?phone=+972547007027) |<pre> </pre>| [![](https://firebasestorage.googleapis.com/v0/b/glide-prod.appspot.com/o/img-uploads%2F5ayhHF1b4RgejA1mAqsY%2Fd7ad2b.png?alt=media)](sms:+972547007027) |<pre> </pre>| [![](https://firebasestorage.googleapis.com/v0/b/glide-prod.appspot.com/o/img-uploads%2F5ayhHF1b4RgejA1mAqsY%2Fbfb79c.png?alt=media)](http://bit.ly/טופס-יצירת-קשר) |

</center>

<center>

<p> </p>

+972547007027 | info@configura.co.il

</center>

<center>

<p> </p>

|||||||||||
|---|---|---|---|---|---|---|---|---|---|
|[![](https://firebasestorage.googleapis.com/v0/b/glide-prod.appspot.com/o/img-uploads%2F5ayhHF1b4RgejA1mAqsY%2F332dc9.png?alt=media)](https://www.linkedin.com/in/yinon-raviv/) |<pre> </pre>| [![](https://firebasestorage.googleapis.com/v0/b/glide-prod.appspot.com/o/img-uploads%2F5ayhHF1b4RgejA1mAqsY%2F610dff.png?alt=media)](https://www.facebook.com/ConfiguraConsultingAndOfficeLecturing/) |

</center>

_______________________________________________

<div style="text-align: right"> קונפיגורה מספקת שירותי ייעוץ וליווי עסקי ליזמים, עסקים קטנים ובינוניים וסטארטאפים.
אנחנו מלווים את לקוחותינו לאורך כל שלבי העסק, מהרעיון, דרך בניית תוכנית עסקית וכלה בבניית מערכות מורכבות מבוססות אקסל וגוגל שיטס כדוגמת מערכות תפעול, ניהול מלאי, כספים, דשבורדים, מחירונים ועוד.

יחידה נוספת מתמחה בהדרכות של קורסים לארגונים ואינדיבידואלים של אופיס מבית מיקרוסופט וגוגל עם התמקדות ודגש על אקסל וגוגל שיטס </div>
```

[Previous page](https://community.glideapps.com/t/how-to-include-images-horizontaly/868.md?page=1)

[Next page](https://community.glideapps.com/t/how-to-include-images-horizontaly/868.md?page=3)
