# ❖ Afiliei: Connecting Infoproduct Market Professionals

**URL:** https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897
**Category:** Project Showcase
**Created:** [October 7, 2020, 10:16pm UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897 "2020-10-07T22:16:14Z")
**Posts on this page:** 12
**Page:** 2

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [October 8, 2020, 4:50am UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/21 "2020-10-08T04:50:25Z")

</div>

Thank you @kabookie  
I’m using @Robert_Petitto’s tip

> [@heart\_eyes Quickchart.io: the Cloudinary of Charts —on the fly charts!](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946):
>
> GAME CHANGER! Stumbled upon this site today—a way to create on the fly charts using data from your Glide tables. Images render instantly and you can select one of 14 different charts, customize colors, styles etc all through URL parameters! The video below shows my first attempt to create a chart from scratch and implement it in Glide. Took me less than 5 minutes. End result:

---

<div class="post-metadata">

### Author: ![darder](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darder/32/12788_2.png) [@darder](https://community.glideapps.com/u/darder)
#### Post date: [October 8, 2020, 5:09am UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/22 "2020-10-08T05:09:04Z")

</div>

Wonderful Work @Lucas_Pires !

Compact, nice and consistent interface… a demostration of what is possible to achieve with Glide, hard work and good sense.

Smart how you resolved this… I want to add an opinions in my app and this is just looks awesome! great inspiration. 👇🏼

💯

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/41c9446778a579895bb943c8561b35862e0dd579.jpeg)

Congratulations!

🏅

---

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [October 8, 2020, 11:11am UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/23 "2020-10-08T11:11:56Z")

</div>

Thank you so much @darder!!

I’m using HTML Tables to do it, inspired in App Store layout

> [@Expand 'Image' and 'Title' component to edge of screen](https://community.glideapps.com/t/expand-image-and-title-component-to-edge-of-screen/4296/33):
>
> @ThinhDinh I use the \<center\> into the \<th\> or \<td\>, and I also can manipulate the font size, take a look in this exxemple below \<table style="width:100%; "\> \<tr\> \<th\>\<center\>\<h1\>MEDIA\</b\> \</th\> \<th\>\<center\> # Classificações \</b\> \</th\> \<tr\> \<td\>\<center\> de 5 \</th\> \<td\>\</th\> \</tr\> [image] But you can also try \<th style="text-align: right"\> setting to right or left if you need.

---

<div class="post-metadata">

### Author: ![Joao\_Paulo\_Lima](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joao_paulo_lima/32/12256_2.png) [@Joao\_Paulo\_Lima](https://community.glideapps.com/u/Joao_Paulo_Lima)
#### Post date: [October 8, 2020, 12:44pm UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/24 "2020-10-08T12:44:08Z")

</div>

Fantástico @Lucas_Pires, parabéns pelo trabalho!!! Tenho me inspirado muito em seus desenvolvimentos!!! Obrigado por partilhar!!!

---

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [October 8, 2020, 2:18pm UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/25 "2020-10-08T14:18:44Z")

</div>

Thank you @Joao_Paulo_Lima!!

---

<div class="post-metadata">

### Author: ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)
#### Post date: [October 10, 2020, 1:16pm UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/26 "2020-10-10T13:16:36Z")

</div>

@Lucas_Pires, tried the image bleeding to the top, and while it shows properly in the builder, it doesn’t work in production. Is your app in production actually showing the images wrapping at the top like in your mockups? A shame if it doesn’t work in production - it’s sooooo beautiful!

DISPLAY IN GLIDE DATA EDITOR

 ![Screen Shot 2020-10-10 at 9.14.17 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/b/b3136e5d9e839e7a6b1e26d38eeb65c2402a743c.jpeg)

DISPLAY IN PRODUCTION

 ![1E5144DC-5A25-4C48-978C-C36709D6CCAE](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/d/d7c130c36bbb0c099058b34c97a4bd76ba1d3432.jpeg)

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [October 10, 2020, 3:26pm UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/27 "2020-10-10T15:26:05Z")

</div>

Looks like your production is android? Android and iOS sometimes have different class names that you’ll need to account for.

---

<div class="post-metadata">

### Author: ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)
#### Post date: [October 10, 2020, 3:43pm UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/28 "2020-10-10T15:43:18Z")

</div>

Nope, iOS 14 but shows same in production on both devices. ☹

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [October 10, 2020, 4:06pm UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/29 "2020-10-10T16:06:59Z")

</div>

Does changing the type of device inside editor change the class names in case they are different for Android & iOS? Just asking so that I can debug things in the future.

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [October 10, 2020, 5:37pm UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/30 "2020-10-10T17:37:55Z")

</div>

I believe it does

---

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [October 10, 2020, 8:11pm UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/31 "2020-10-10T20:11:48Z")

</div>

I use the same code for both android or iOS.

And no, in production sometimes doesn’t show how really it is… that’s why I need to see in another browser with _inspection_ view

---

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [October 10, 2020, 8:13pm UTC](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897/32 "2020-10-10T20:13:52Z")

</div>

Something I could forget to say in this app the image is a background pic not the image component actually

[Previous page](https://community.glideapps.com/t/afiliei-connecting-infoproduct-market-professionals/16897.md?page=1)
