How to include images horizontaly

Perfect, thank you very much Krivo!

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/

3 Likes

@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

@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

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

@Ralf perfect. Thanks

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

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

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?

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

Your comments and fidback are most welcome.

2 Likes

Very clean and visually appealing. Nice Job!

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!

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

Hi @Ralf
Which problem you find? I donโ€™t have and donโ€™t use iPhoneโ€ฆ

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

Ralf

@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

||||
|---|---|---|
|[![](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)|

@Mark @Krivo @yinon_raviv

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

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

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>