# Info Icon as a component

**URL:** <https://community.glideapps.com/t/info-icon-as-a-component/14399>\
**Category:** Feature Requests\
**Created:** [August 22, 2020, 12:40pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399 "2020-08-22T12:40:29Z")\
**Posts on this page:** 20\
**Page:** 1

<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:** [August 22, 2020, 12:40pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/1 "2020-08-22T12:40:29Z")

</div>

I’m struggling with building app instructions right into the app - It would be incredibly useful to have that little “i” icon as a component that could 1) link to a new screen or 2) display information same as in charts for example. I think we would be able to do so much with that to explain how our apps work. Right now I have to build a manual to give the Admin of customer companies and make videos for the employees. It would be fantastic to have the little “i” to do most of that throughout the experience, delivering bits of info and guidance as needed! 😁

---

<div class="post-metadata">

**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\
**Post date:** [August 22, 2020, 1:12pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/2 "2020-08-22T13:12:48Z")

</div>

+1

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [August 22, 2020, 1:17pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/3 "2020-08-22T13:17:35Z")

</div>

Great idea. I have exactly the same quandary. Was about to start writing the “user guide” but just seems so 90s 🥴

---

<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:** [August 22, 2020, 1:18pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/4 "2020-08-22T13:18:56Z")

</div>

Exactly - no one wants to read a manual (and they probably won’t)…they want to learn and discover the experience along the way…the right information at the right time.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [August 22, 2020, 9:59pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/5 "2020-08-22T21:59:33Z")

</div>

Would an ℹ emoji in an Action Text component with a link to screen work? Or maybe some way with a relation and an inline list, so you could have one sheet of instructions, but drill into certain sections through the relation. I think a compact list with just the details side filled, so the ℹ is on the right hand side of the screen. There’s a few ways you could work it.

There is a show alert action in staging, but that’s used only for debugging. It would work great for little help pop-ups if it was made available on production.

---

<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:** [August 22, 2020, 10:13pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/6 "2020-08-22T22:13:36Z")

</div>

Wow…I’m gonna try @Jeff_Hager! Thank you! I’m having movie night with my little 8 yr old now but I will try in the morning and report back! 🤩

---

<div class="post-metadata">

**Author:** ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)\
**Post date:** [August 22, 2020, 10:15pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/7 "2020-08-22T22:15:22Z")

</div>

I was using emojis throughout my app… then I showed a designer my app and they were like, “OMG, those emojis look horrible.” I can’t recommend emojis if you’re trying to retain a consistent aesthetic as they will change browser to browser.

An info component would be pretty rad.

Although you could also create a small “i” icon (say 25x25) on a very wide mostly transparent png (400x25) in the general theme and color of your app, align the icon to the far right or left on the png and then place that image on the screen just above the thing you want to give them info on. Make the image a link to that info screen. Even though the whole image will be clickable, users won’t click the transparent part as it will be too thin anyway. Only the small “i” icon will catch their attention. A little design slight of hand.

---

<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:** [August 22, 2020, 10:18pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/8 "2020-08-22T22:18:15Z")

</div>

ugh - like the emojis change here in the community unless you select from the library. Great point! I’m a “design” first kind of person so that’s good to know. Jeff’s idea still great one - will make sure the emoji is good on most devices or do what you said, choose an “i”. Original request withstanding! 😇

---

<div class="post-metadata">

**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\
**Post date:** [August 22, 2020, 10:36pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/9 "2020-08-22T22:36:25Z")

</div>

Hi,

I’d use the Jeff’s ℹ emoji along with a dropdown using Markdown. Something like this:

> [@Intro & TIP: How to Create a Markdown Accordian to Show/Hide Stuff](https://community.glideapps.com/t/intro-tip-how-to-create-a-markdown-accordian-to-show-hide-stuff/2250):
>
> My first post here on the new community Hi… I’m Justin I love Glide. i just crossed 80 apps in my dashboard…all experiments and [cool stuff for one of my communities to use](https://landsurveyorsunited.com/apps) Eventually I will go pro with the best parts of apps the community is using the most… I [also encourage other community creators](https://creators.ning.com/members/JFarrow) to use Glide My tip for you today is how to create a cell inside a Details Layout which holds a SHOW/HIDE accordian style dropdown using Markdown and a Rich Text module. Like so: [markdown-accor…

Saludos

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [August 22, 2020, 10:51pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/10 "2020-08-22T22:51:32Z")

</div>

What are you watching? The latest from @Robert_Petitto? 🤣

---

<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:** [August 22, 2020, 10:53pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/11 "2020-08-22T22:53:54Z")

</div>

Well, I do plan to teach my 8 year old to Glide soon - so I’ll save Robert’s videos for that, but for now it’s The Sleep Over on Netflix. 😂

---

<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:** [August 22, 2020, 11:01pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/12 "2020-08-22T23:01:09Z")

</div>

I’ve used this character before too: ⓘ

---

<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:** [August 22, 2020, 11:02pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/13 "2020-08-22T23:02:02Z")

</div>

@V88 @Deena Y’all are too funny.

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [August 22, 2020, 11:08pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/14 "2020-08-22T23:08:06Z")

</div>

I was being serious …

---

<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:** [August 22, 2020, 11:24pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/15 "2020-08-22T23:24:03Z")

</div>

Btw @Robert_Petitto I just meant that my son would love your gamification videos-a total compliment. I built your 8 ball when I was learning and he is totally obsessed with it! 😃

---

<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:** [August 22, 2020, 11:45pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/16 "2020-08-22T23:45:44Z")

</div>

Oh I know! Complement recognized! And kids pick up on it first. My 12-year-old is planning to try her hand at making a couple apps. She wants to build some templates. I’m going to help her out and put them under my name probably

---

<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:** [August 22, 2020, 11:48pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/17 "2020-08-22T23:48:40Z")

</div>

Seeing your will to spend time to teach your kids Glide makes my heart melt. I really do love to do so as well, but I have to get a girlfriend first.

---

<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:** [August 22, 2020, 11:55pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/18 "2020-08-22T23:55:21Z")

</div>

You will get the chance at the right time in the future and I’m sure Glide will be around! #2030 right? 😁

---

<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:** [August 22, 2020, 11:56pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/19 "2020-08-22T23:56:25Z")

</div>

With the amount of time I spend in developing apps now I think my chance of getting a unicorn startup app up and running before 2030 is bigger than my chance of having a girlfriend let alone a kid 😆

---

<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:** [August 22, 2020, 11:57pm UTC](https://community.glideapps.com/t/info-icon-as-a-component/14399/20 "2020-08-22T23:57:23Z")

</div>

Lmao that deserves the “solution” on this thread! 😂 and I believe you are that talented that it will happen!

[Next page](https://community.glideapps.com/t/info-icon-as-a-component/14399.md?page=2)
