# Menu idea for apps

**URL:** <https://community.glideapps.com/t/menu-idea-for-apps/689>\
**Category:** Project Showcase\
**Created:** [September 29, 2019, 1:34am UTC](https://community.glideapps.com/t/menu-idea-for-apps/689 "2019-09-29T01:34:42Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Carlos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carlos/32/456_2.png) [@Carlos](https://community.glideapps.com/u/Carlos)\
**Post date:** [September 29, 2019, 1:34am UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/1 "2019-09-29T01:34:42Z")

</div>

I’ve been using Glide for about 2 weeks and I don’t think I’ve seen it used this way.

The menu was created as a whole image in Photoshop then chopped up into several files. Each file is an option and non-option for the menu.

**In Glide:**  
I hid all the tabs except for the tab where the menu resides. By doing this I was able to get rid of the tabs at the bottom giving the app more real estate to display the menu.  
I created an About tab and placed it under the Menu tab to get rid of the information menu. It’s also a good place for an About and/or Help option(s).  
I also removed the label for the menu tab.

**In Google Sheets:**  
The images for the menu are on the first sheet. I also named it with a space so its name won’t show up in the app. There’s a transparent .png calld padding.png that could be used to bring the whole menu down or used in between the other images to create some kind of separation effect.

There’s even an Easter Egg. See if you can find it before looking at the source code. Hope this will inspire others.

[https://xpgv0.glideapp.io](https://xpgv0.glideapp.io)

---

<div class="post-metadata">

**Author:** ![B\_Y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/b_y/32/114_2.png) [@B\_Y](https://community.glideapps.com/u/B_Y)\
**Post date:** [September 29, 2019, 1:39am UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/2 "2019-09-29T01:39:07Z")

</div>

@Carlos This is awesome! 🙂👍!

Found the egg… 🙂[Screenshot\_20190929-071221|294x500](https://community.glideapps.com/uploads/short-url/1RIqHiC6Pa8ueWzb6m4yZN92ej3.jpeg)

---

<div class="post-metadata">

**Author:** ![Carlos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carlos/32/456_2.png) [@Carlos](https://community.glideapps.com/u/Carlos)\
**Post date:** [September 29, 2019, 1:49am UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/3 "2019-09-29T01:49:59Z")

</div>

Haha! Great job!

---

<div class="post-metadata">

**Author:** ![George\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_b/32/534_2.png) [@George\_B](https://community.glideapps.com/u/George_B)\
**Post date:** [September 29, 2019, 2:02am UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/4 "2019-09-29T02:02:27Z")

</div>

Very creative and new idea. Love it @Carlos, fine job.

---

<div class="post-metadata">

**Author:** ![Alex](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alex/32/454_2.png) [@Alex](https://community.glideapps.com/u/Alex)\
**Post date:** [September 29, 2019, 2:32am UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/5 "2019-09-29T02:32:52Z")

</div>

Awesome

---

<div class="post-metadata">

**Author:** ![Ralf](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ralf/32/492_2.png) [@Ralf](https://community.glideapps.com/u/Ralf)\
**Post date:** [September 29, 2019, 6:23am UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/6 "2019-09-29T06:23:57Z")

</div>

Greate, would it be possible get a copy of app and sheet?

---

<div class="post-metadata">

**Author:** ![Carlos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carlos/32/456_2.png) [@Carlos](https://community.glideapps.com/u/Carlos)\
**Post date:** [September 29, 2019, 12:58pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/8 "2019-09-29T12:58:41Z")

</div>

@Ralf, I forgot to allow anyone to copy it. I’ve just enabled it.

[Here’s an archive](https://drive.google.com/open?id=1T2HH3K4kB5OnlZ_9yZ3pdv30PejW8xvH) with the .psd and font I used.

---

<div class="post-metadata">

**Author:** ![Ralf](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ralf/32/492_2.png) [@Ralf](https://community.glideapps.com/u/Ralf)\
**Post date:** [September 29, 2019, 3:49pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/9 "2019-09-29T15:49:49Z")

</div>

It’s magic, thank you!

---

<div class="post-metadata">

**Author:** ![B\_Y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/b_y/32/114_2.png) [@B\_Y](https://community.glideapps.com/u/B_Y)\
**Post date:** [September 29, 2019, 3:55pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/10 "2019-09-29T15:55:13Z")

</div>

I don’t have PhotoShop to see the psd.  
Can someone please record a video on how it looks like and how it’s done? Thanks a lot in advance!! 🙂

---

<div class="post-metadata">

**Author:** ![Carlos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carlos/32/456_2.png) [@Carlos](https://community.glideapps.com/u/Carlos)\
**Post date:** [September 29, 2019, 4:04pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/11 "2019-09-29T16:04:03Z")

</div>

@B_Y, [photopea.com](https://www.photopea.com/) will let you open and edit .psd files.

---

<div class="post-metadata">

**Author:** ![B\_Y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/b_y/32/114_2.png) [@B\_Y](https://community.glideapps.com/u/B_Y)\
**Post date:** [September 29, 2019, 4:08pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/12 "2019-09-29T16:08:22Z")

</div>

Oh great! Thanks a lot @Carlos! 😊👍

---

<div class="post-metadata">

**Author:** ![Ralf](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ralf/32/492_2.png) [@Ralf](https://community.glideapps.com/u/Ralf)\
**Post date:** [September 30, 2019, 7:51am UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/13 "2019-09-30T07:51:54Z")

</div>

Hi Carlos,

I am trying to implement parts of your ideas in my own app.

I do not understand the Menu Tab. I would like to add more items under About.

Regards,

Ralf

 ![E31F33884B7A43D4B9B92838D347A35B.png](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/1X/677f06bdf711468707faf594c72c7993f90d2513.png)

---

<div class="post-metadata">

**Author:** ![apertur.co](https://avatars.discourse-cdn.com/v4/letter/a/d9b06d/32.png) [@apertur.co](https://community.glideapps.com/u/apertur.co)\
**Post date:** [September 30, 2019, 6:05pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/14 "2019-09-30T18:05:10Z")

</div>

Very clever, Carlos!

This is the first app I’ve seen with a “hamburger” menu button. I was not aware of this and can’t seem to find it anywhere in the build interface. Could you please explain how you did this/point me toward the resource you followed?

Thanks!

Mark

---

<div class="post-metadata">

**Author:** ![Juha](https://avatars.discourse-cdn.com/v4/letter/j/b5e925/32.png) [@Juha](https://community.glideapps.com/u/Juha)\
**Post date:** [September 30, 2019, 7:24pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/15 "2019-09-30T19:24:14Z")

</div>

This is a really good tip! The old slicing method (table layouts, who remember…🤯) meets nocode…

Just use svg and graphics should scale nicely without blurring.

@Mark @JackVaughan images (at least in listing views) are sometimes blurry when looked on phone’s higher res screen. Does there happen something in background which make uploaded images too low resolution? Or what would be best image sizes to use?

---

<div class="post-metadata">

**Author:** ![Carlos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carlos/32/456_2.png) [@Carlos](https://community.glideapps.com/u/Carlos)\
**Post date:** [September 30, 2019, 7:26pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/16 "2019-09-30T19:26:18Z")

</div>

@apertur.co, you can find more info about it on the link below:

---

<div class="post-metadata">

**Author:** ![Carlos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carlos/32/456_2.png) [@Carlos](https://community.glideapps.com/u/Carlos)\
**Post date:** [September 30, 2019, 7:30pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/17 "2019-09-30T19:30:30Z")

</div>

@Ralf,

Just keep adding the tabs you want to show under the hamburger menu. Skip to time 0:28 on the video below and you will see how to do it.

Hope this is what you meant.

---

<div class="post-metadata">

**Author:** ![Carlos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carlos/32/456_2.png) [@Carlos](https://community.glideapps.com/u/Carlos)\
**Post date:** [September 30, 2019, 7:32pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/18 "2019-09-30T19:32:33Z")

</div>

@Juha,

Thanks for the suggestion about svg images. I will definitely give it a try as I did notice the images I used are a bit blurry.

---

<div class="post-metadata">

**Author:** ![ysilgrace](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ysilgrace/32/582_2.png) [@ysilgrace](https://community.glideapps.com/u/ysilgrace)\
**Post date:** [September 30, 2019, 8:12pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/19 "2019-09-30T20:12:26Z")

</div>

I was inspired by your creativity. Thank you for sharing.

\*I also found the egg 😉

---

<div class="post-metadata">

**Author:** ![Carlos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carlos/32/456_2.png) [@Carlos](https://community.glideapps.com/u/Carlos)\
**Post date:** [September 30, 2019, 8:56pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/20 "2019-09-30T20:56:09Z")

</div>

@ysilgrace,

Thanks for the feedback.

---

<div class="post-metadata">

**Author:** ![apertur.co](https://avatars.discourse-cdn.com/v4/letter/a/d9b06d/32.png) [@apertur.co](https://community.glideapps.com/u/apertur.co)\
**Post date:** [September 30, 2019, 10:01pm UTC](https://community.glideapps.com/t/menu-idea-for-apps/689/21 "2019-09-30T22:01:23Z")

</div>

Thank you, Carlos!
