# 🗺 Build Better Navigation

**URL:** <https://community.glideapps.com/t/build-better-navigation/42201>\
**Category:** Community Resources\
**Tags:** tutorial\
**Created:** [May 20, 2022, 10:29am UTC](https://community.glideapps.com/t/build-better-navigation/42201 "2022-05-20T10:29:22Z")\
**Posts on this page:** 9\
**Page:** 2

<div class="post-metadata">

**Author:** ![Amarentiea](https://avatars.discourse-cdn.com/v4/letter/a/c57346/32.png) [@Amarentiea](https://community.glideapps.com/u/Amarentiea)\
**Post date:** [December 21, 2023, 6:34am UTC](https://community.glideapps.com/t/build-better-navigation/42201/21 "2023-12-21T06:34:36Z")

</div>

Hi Bob

Loved the video - very useful.

I’m relatively new to Glide and I’m seeking guidance on how to use the legacy button options that I’ve selected for each screen within my app in stead of the hero icon option you used for the main menu.

Is this possible? Any advice or pointers would be greatly appreciated! Thank you in advance.

---

<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:** [December 22, 2023, 1:19am UTC](https://community.glideapps.com/t/build-better-navigation/42201/22 "2023-12-22T01:19:29Z")

</div>

> [@Amarentiea](#):
>
> I’m relatively new to Glide and I’m seeking guidance on how to use the legacy button options that I’ve selected for each screen within my app in stead of the hero icon option you used for the main menu.

Can you explain what you mean by “legacy button options”?

---

<div class="post-metadata">

**Author:** ![Amarentiea](https://avatars.discourse-cdn.com/v4/letter/a/c57346/32.png) [@Amarentiea](https://community.glideapps.com/u/Amarentiea)\
**Post date:** [December 22, 2023, 6:21am UTC](https://community.glideapps.com/t/build-better-navigation/42201/23 "2023-12-22T06:21:36Z")

</div>

Glides gives the option to select either glide icons or legacy icons. I select legacy icons that fits with theme of the app. The icons reflects as navigation buttons at the bottom of the screen but I have to many and need to create a menu to display all the screens. I want to use the same buttons on the main menu.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/2/12c119f71c42e8bd8b26c6ac30b99f5c1914270d.png)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/5/f585abdcf93da33977e1f25640c31fc511c8fe6e.png)

I’ve included some images.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [December 22, 2023, 8:49am UTC](https://community.glideapps.com/t/build-better-navigation/42201/24 "2023-12-22T08:49:52Z")

</div>

When you create a new tab, you have the option to choose from Glide icons or legacy icons as the tab icon.

You can move the tab from the navigation bar to the hamburger menu by dragging the tab to the menu section (Layout Editor \> Tabs in the upper left).

In the options of the tab (right pane), you also have the option to hide to tab entirely from navigation.

---

<div class="post-metadata">

**Author:** ![Amarentiea](https://avatars.discourse-cdn.com/v4/letter/a/c57346/32.png) [@Amarentiea](https://community.glideapps.com/u/Amarentiea)\
**Post date:** [December 28, 2023, 1:53pm UTC](https://community.glideapps.com/t/build-better-navigation/42201/25 "2023-12-28T13:53:22Z")

</div>

Thank you @nathanaelb but it seems as if I am not explaining my question very well. In the tutorial @Robert_Petitto did, he explained creating a home menu using hero icons. Something like the following:

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

I want to know if it is possible to replace the hero icons with the legacy icons I’ve selected as the tab icon.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [December 28, 2023, 2:01pm UTC](https://community.glideapps.com/t/build-better-navigation/42201/26 "2023-12-28T14:01:46Z")

</div>

Okay understood.

I would say that you cannot natively use the same icons for the tab icon and icons generated in the Hero Icon column (if this is what you mean by hero icons).

The reasons is that one is a navigation bar whose icons are provided by Glide (the exact source of these icons I do not know), and the other is a collection whose images are sourced by a Hero Icon column and [heroicons.com](http://heroicons.com).

Of course there could be an overlap between these two sources (Glide’s tab icon and [heroicons.com](http://heroicons.com)), but I think it would just be luck. This is what I mean by “you cannot natively use the same icons”: you might but it’s not guaranteed.

---

<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:** [December 28, 2023, 2:08pm UTC](https://community.glideapps.com/t/build-better-navigation/42201/27 "2023-12-28T14:08:05Z")

</div>

Ya…no way to do this because you’d need to select the icon in the data editor. Unfortunately, we don’t have a way to select icons in the data editor apart from the Hero Icon plugin.

---

<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:** [December 28, 2023, 3:24pm UTC](https://community.glideapps.com/t/build-better-navigation/42201/28 "2023-12-28T15:24:57Z")

</div>

I believe this was and may still be the source of the legacy icons.

> [@Where can I check/browse all the available PRO icons other than inapp?](https://community.glideapps.com/t/where-can-i-check-browse-all-the-available-pro-icons-other-than-inapp/23906/2):
>
> I believe they are sourced from

I would just download the images you need, upload them to glide, and use them that way.

Or you could grab images from FontAwesome or some other service which will also be similar.

---

<div class="post-metadata">

**Author:** ![Amarentiea](https://avatars.discourse-cdn.com/v4/letter/a/c57346/32.png) [@Amarentiea](https://community.glideapps.com/u/Amarentiea)\
**Post date:** [December 29, 2023, 6:33am UTC](https://community.glideapps.com/t/build-better-navigation/42201/29 "2023-12-29T06:33:30Z")

</div>

Thank you All  
This answered my question.

[Previous page](https://community.glideapps.com/t/build-better-navigation/42201.md?page=1)
