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!
@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.
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
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)|
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>