# .Navigation choice screen as per screen shot

**URL:** <https://community.glideapps.com/t/navigation-choice-screen-as-per-screen-shot/73044>\
**Category:** Ask for Help\
**Created:** [May 3, 2024, 3:07pm UTC](https://community.glideapps.com/t/navigation-choice-screen-as-per-screen-shot/73044 "2024-05-03T15:07:35Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Keshav\_Sinha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/keshav_sinha/32/73859_2.png) [@Keshav\_Sinha](https://community.glideapps.com/u/Keshav_Sinha)\
**Post date:** [May 3, 2024, 3:07pm UTC](https://community.glideapps.com/t/navigation-choice-screen-as-per-screen-shot/73044/1 "2024-05-03T15:07:35Z")

</div>

Hi All

Can we achieve this in Glide as below snip marked navigation form?

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

---

<div class="post-metadata">

**Author:** ![fraser](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fraser/32/68111_2.png) [@fraser](https://community.glideapps.com/u/fraser)\
**Post date:** [May 3, 2024, 4:48pm UTC](https://community.glideapps.com/t/navigation-choice-screen-as-per-screen-shot/73044/2 "2024-05-03T16:48:05Z")

</div>

There is very little customisation of the nav bars available unfortunately. So not exactly as shown

One way to create something analogous might be to use a choice field which shows / hides the fields under it. So put all the components on the same page and show the relevant ones for the choice selection.

However it looks like you have some sort of viz on that if that’s what the colour coding dots are. Not sure how you could achieve it. An emoji added by a template maybe?

---

<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:** [May 3, 2024, 11:17pm UTC](https://community.glideapps.com/t/navigation-choice-screen-as-per-screen-shot/73044/3 "2024-05-03T23:17:09Z")

</div>

> **[CSS Library](https://css-library.glide.page/dl/library/s/8836b3/r/BiaYdFWdQ-OBYcsjQug28w)**

I think this is the closest you can get.