# Tabs at top

**URL:** <https://community.glideapps.com/t/tabs-at-top/32693>\
**Category:** Ask for Help\
**Created:** [October 5, 2021, 5:23pm UTC](https://community.glideapps.com/t/tabs-at-top/32693 "2021-10-05T17:23:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jabid](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jabid/32/33391_2.png) [@jabid](https://community.glideapps.com/u/jabid)\
**Post date:** [October 5, 2021, 5:23pm UTC](https://community.glideapps.com/t/tabs-at-top/32693/1 "2021-10-05T17:23:58Z")

</div>

Hello,  
Any idea about this:

Many applications:  
• do not use a drawer  
• have tabs under the topbar (like WhatsApp)

Is is possible to do this right now or one day or the current architecture does not permit such features?

---

<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:** [October 5, 2021, 9:11pm UTC](https://community.glideapps.com/t/tabs-at-top/32693/2 "2021-10-05T21:11:12Z")

</div>

Hi @jabid 👋🏻

Right now the only option to display tabs is at the bottom of the screen (with or without labels) or in the hamburger menu (drawer).

You could, however, artificially create tabs higher on the screen by creating clickable lists (tiles, cards) or components (buttons, choice) whose action might be “Go to tab”. This would only be a workaround. Which you would need to replicate on every tab. Not worth the effort in my opinion.

The tabs under the top bar is a great idea!

**Edit**  
@jabid I suppose you could move tabs to the top with custom CSS. There is a lot of discussion about custom CSS in the forum and I believe @ThinhDinh and @Lucas_Pires might have a Notion where they keep an ongoing library of CSS that will work in Glide.

---

<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:** [October 5, 2021, 11:30pm UTC](https://community.glideapps.com/t/tabs-at-top/32693/3 "2021-10-05T23:30:24Z")

</div>

> [@jabid](#):
>
> do not use a drawer

At the moment even if you don’t use the hamburger menu (drawer) then Glide still uses it to display user profiles screen, about screen and sign in/sign out screen. You can only disable this with CSS, but you have to do it on every screen you have in the main menu, and those must be details screen.

> [@jabid](#):
>
> have tabs under the topbar (like WhatsApp)

I think you mean something like this, and it can be done with a choice component.

> [@Beautiful Design App](https://community.glideapps.com/t/beautiful-design-app/16191/811):
>
> I was trying to recreate WhatsApp to learn, and this was the result:

---

<div class="post-metadata">

**Author:** ![jabid](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jabid/32/33391_2.png) [@jabid](https://community.glideapps.com/u/jabid)\
**Post date:** [October 6, 2021, 8:22am UTC](https://community.glideapps.com/t/tabs-at-top/32693/4 "2021-10-06T08:22:55Z")

</div>

Waw. Is it functional?

---

<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:** [October 6, 2021, 8:44am UTC](https://community.glideapps.com/t/tabs-at-top/32693/5 "2021-10-06T08:44:40Z")

</div>

It functions well, the video from @Pedroydzito shows that 😉 But I assume that’s a lot of CSS.