# Can you include and place icons on a details screen... that do something?

**URL:** <https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829>\
**Category:** Ask for Help\
**Created:** [March 5, 2021, 9:09pm UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829 "2021-03-05T21:09:15Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [March 5, 2021, 9:09pm UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/1 "2021-03-05T21:09:15Z")

</div>

Hi - I am trying to make my app more streamlined and less busy. I can do some functionality using classic Glide, such as a choice option to ‘pin’ a post. (I tried the Fav icon but it did not seem to work consistently for me).

I also have buttons for ‘flag as inappropriate’ - which takes up then a lot of space and distracts the user’s focus from the screen.  
And I would like a help icon … but only if I can get it to point to the right screens.

My question is whether it is possible to:

- nicely control where small buttons go… and have them link to things (usually within the app)
- or click and have the app update in some way (like a Fav icon)

Thanks! M

 ![Screenshot 2021-03-05 at 22.05.47](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/b/1bb718e9a5c6c119449bc9e4daf4050f6c2faa12.png)

---

<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:** [March 5, 2021, 11:15pm UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/2 "2021-03-05T23:15:52Z")

</div>

Would an inline list with custom actions pointing back to the row you’re viewing work? What kind of action you’re looking to do?

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [March 5, 2021, 11:45pm UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/3 "2021-03-05T23:45:49Z")

</div>

Let’s see:

🚩 = flag as inappropriate - ideally open a form, collect column data on existing row, then submit  
📌 = pin content - set choice column (and then think about how to unpin…)  
ℹ = help - would ideally be context sensitive so each icon would link to an appropriate page (eg you are swiping a ‘Project’ card and the help explains exactly how this card functions)

Those are the ones I’m thinking of right now 🙂 I should not overwhelm the user!

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [March 6, 2021, 12:32am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/4 "2021-03-06T00:32:48Z")

</div>

You can create tile inline list with icons images, than custom actions for each tile

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [March 6, 2021, 12:54am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/5 "2021-03-06T00:54:03Z")

</div>

Excellent - I understand you both, @Uzo and @ThinhDinh 🙂  
This works just the way I wanted it (I will expand the logic after some sleep).

I keep forgetting that these Compound Actions can process the inline list (and more) in all kinds of clever cunning ways. Problem sorted! (this one anyay).

Thanks!

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [March 6, 2021, 12:56am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/6 "2021-03-06T00:56:14Z")

</div>

And… emojiis are now big!! before they used to be tiny when used in as an ‘image’. Excellent!

 ![Screenshot 2021-03-06 at 01.55.22](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/3/035eebc3e11e2d7fe4d5f5b41297df9f840ea29f.png)

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [March 6, 2021, 1:14am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/7 "2021-03-06T01:14:34Z")

</div>

I would use tiles instead of cards. And have them 3 in one row. With square ratios

---

<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:** [March 6, 2021, 7:13am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/8 "2021-03-06T07:13:56Z")

</div>

@Mark_Turrell size your icons like 3:1 (width:height) to get inline list with small height. Use inline list with tiles and 3 tiles on a row

Take a look here

> [@Images as buttons- Realistic size?](https://community.glideapps.com/t/images-as-buttons-realistic-size/15228/9):
>
> @S_C You should make your image 9:1 (or 20:1 if you want a really tiny button slight_smile ) then make the height of the image 1:1 No expert, but tried a bit slight_smile I normally use width = 1000px for images as it should do great on a new iphone I believe. If you want to enlarge the image then I go for heigher resolution. Quite a few of my images are stored in cloudinary and then I would often use q\_auto setting - meaning going for automatic quality. Hope it helps

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [March 6, 2021, 9:59am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/9 "2021-03-06T09:59:21Z")

</div>

Very nice - perfect sizing for my needs.

Question: why is the background automatically grey? I just pasted in the emojis into GSheets and yet the image seems to default as ‘transparent to grey’. Weird! Any ideas? (and thanks again for the solution!)

![Screenshot 2021-03-06 at 10.58.34](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/3/b3946eb40bfe61e1668ffd2f278d7f801ffeaa3a.png)

 ![Screenshot 2021-03-06 at 10.56.59](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/3/e3bf892e27cc9d0ad61f603c4fb59c6c9472b587.png)

---

<div class="post-metadata">

**Author:** ![MarcTaPage](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/marctapage/32/19501_2.png) [@MarcTaPage](https://community.glideapps.com/u/MarcTaPage)\
**Post date:** [March 6, 2021, 10:13am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/10 "2021-03-06T10:13:48Z")

</div>

Method that works well for the moment 👍 👍  
Exemple :

 ![Capture d’écran 2021-03-06 à 11.09.31_](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/f/bf63409a3cc835410c86e0f5831ee04d174206f5.jpeg)

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [March 6, 2021, 10:15am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/11 "2021-03-06T10:15:37Z")

</div>

Wow - that is some seriously good organizing too. Thanks for sharing! Giving me lots of ideas now 🙂

---

<div class="post-metadata">

**Author:** ![MarcTaPage](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/marctapage/32/19501_2.png) [@MarcTaPage](https://community.glideapps.com/u/MarcTaPage)\
**Post date:** [March 6, 2021, 10:20am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/12 "2021-03-06T10:20:54Z")

</div>

PS: I think your video script seems production heavy because it should be set up for each “icon” …

Personally, I use a method of incrementing ID Menu 1 and if under menu ID Menu 2 and etc which opens Simple Apps or Compound Apps, then handled by row IDs injected into Menu ☝🕹1, 2, 3 and etc …

 ![Capture d’écran 2021-03-06 à 11.14.59](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/9/19ba8b2e57a7ff0246c2e2f812ea000a65ff3851.png)

Thanks to 👏👏👍 @ [Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires) for the idea 🙂

> [📚 E-book flow with Swipe style - #22 by Lucas\_Pires](https://community.glideapps.com/t/e-book-flow-with-swipe-style/21790/22)

---

<div class="post-metadata">

**Author:** ![MarcTaPage](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/marctapage/32/19501_2.png) [@MarcTaPage](https://community.glideapps.com/u/MarcTaPage)\
**Post date:** [March 6, 2021, 10:29am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/13 "2021-03-06T10:29:35Z")

</div>

PS²: Special dedication Glide & Emoji (with 🔒RowID) 😍 !!!

> > BONUS : 💡 Organizing Tools…  
> > WIP \>\> [apps.marctapage.com](http://apps.marctapage.com)  
> > …  
> > Exemple :
> > 
> > ![Capture d’écran 2021-03-06 à 11.23.52-](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/d/2d6057a33647a0e9cf6819836fd06f3a5a9e7488.jpeg)  
> > 🧐#Project Showcase, BehindTheScene:  
> > 🗄Menus…:  
> > ![Capture d’écran 2021-03-06 à 12.13.40](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/0/7022f82b7d377a28aa1a8214eca2566c31258bee.png)  
> > 🔑Keys (≃ 🗄 + VLookup&🔒ID)  
> > ![Capture d’écran 2021-03-06 à 12.12.20](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/d/cd45011da76e7fa40ed56e602d211fa00fa0f645.png)  
> > 🗃Apps (≃ 🗄 + 🔑 +@)  
> > ![Capture d’écran 2021-03-06 à 12.15.02](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/e/fe45ab1d0895b58d2cb93be3e35fa7c1709b3a36.png)

---

<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:** [March 6, 2021, 10:58am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/14 "2021-03-06T10:58:17Z")

</div>

I normally create an image and not an emoji. The image would have the dimensions 3:1.  
You could just paste your emoji on a white background image and save it

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [March 6, 2021, 11:10am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/15 "2021-03-06T11:10:10Z")

</div>

Make your emoji transparent PNG format and check element settings, maybe you have a text overlay on the tiles

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [March 6, 2021, 11:18am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/16 "2021-03-06T11:18:28Z")

</div>

![Screenshot 2021-03-06 at 12.17.02](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/0/20afb2e40bb4dbc544c4d03bdf75b4a6a678912b.jpeg)

It’s weird - if I present the icon as an Image by itself it has a white background  
But if I include the same image (pasted in emoji) in an inline list it has a grey background.

What am I missing? Or should I go the png image route in any case? Thanks!

---

<div class="post-metadata">

**Author:** ![MarcTaPage](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/marctapage/32/19501_2.png) [@MarcTaPage](https://community.glideapps.com/u/MarcTaPage)\
**Post date:** [March 6, 2021, 11:26am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/17 "2021-03-06T11:26:07Z")

</div>

I think yes that is exact

> [@Mark\_Turrell](#):
>
> ✅ route de l’image png dans tous les cas

* * *

A Sunday fisherman’s solution 🙂 :  
 ![Capture d’écran 2021-03-06 à 12.34.20](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/d/6dbec38e18d85be3cf49d686184c91963bb9fc89.png)  
A correct column composed by columns composed of the kind when the png solution is developed it works otherwise it will switch to emoji while waiting for dev. [Cloudinary.com](http://Cloudinary.com) for example ;  
Example in video by Mentor (💝) \> [https://youtu.be/cGCVJrczIHc](https://youtu.be/cGCVJrczIHc)

And as said below ⏬

---

<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:** [March 6, 2021, 11:28am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/18 "2021-03-06T11:28:40Z")

</div>

I think it’s the default Glide settings. You’re not having an image in your case, then Glide automatically sets a grey background. I usually use a Cloudinary template with a base64 image URL to generate small icons.

---

<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:** [March 6, 2021, 11:34am UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/19 "2021-03-06T11:34:38Z")

</div>

Here’s a sample.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/a/aa3f128db0d1c3a2f71100bd4ee4aef7d4d05150.png)

```
https://res.cloudinary.com/[yourusername]/image/fetch/l_fetch:[your base 64 image URL],w_150,h_150/https://i.imgur.com/5LXK0rU.jpg

```

Convert your image link to base 64 here: [https://www.base64encode.org/](https://www.base64encode.org/). I usually upload them to Imgur first.

---

<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:** [March 6, 2021, 12:24pm UTC](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829/20 "2021-03-06T12:24:40Z")

</div>

If you upload the images to overlay eachother then you don’t have to base64 the image

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/c/3c624f10ec4a689855a86b6e728210bcdec688e1.png)

`https://res.cloudinary.com/[yourusernae]/image/upload/l_[folder where overlayed image is]:[overlayimage]/[baseimage folder]/[imageid]`

Example  
`https://res.cloudinary.com/homersimpson/image/upload/l_myfamily:homer/MyImageUtilities/900x600_grey.png`

[Next page](https://community.glideapps.com/t/can-you-include-and-place-icons-on-a-details-screen-that-do-something/23829.md?page=2)
