# 🖥 Menu in Desktop/Tablet view with Group by

**URL:** <https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947>\
**Category:** Project Showcase\
**Created:** [May 18, 2021, 10:20pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947 "2021-05-18T22:20:11Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 18, 2021, 10:20pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/1 "2021-05-18T22:20:11Z")

</div>

# Hey 👋🏼

[I’ve been showing some screens of this app](https://community.glideapps.com/t/agetech-planning-constructions-works/26772), but Desktop and Tablet view are little explored.

Here’s an simple example of how I achieve this gorgeous Menu separately.

> **Menu Names & Icons**
>
> **Layout screen:** List ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/5/a55d036f5dc466c4aeb494c23068f0b597634d7d.png)
> 
> - Created IDs for my Menu, using it instead of the Names.
> - Using a single relation, and some lookups, I took User Avatar &Name
> - Created a If Then Else column to set user’s Avatar & Name when IDs `is equals to` 0 (zero)
> 
> ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/c/1c24a5f4f70970c975e5e1fc1a8288e3ba9408b9.png)
> 
> ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/7/c7935e60381419da6f0ed40583e3da662660abf0.png)

> **Grouping by Blank spaces**
>
> - Created a IFE column where ID **is equals to** 0 (user profile) then “Welcome”
> - IDs is **is equals to** 5 then `1 keyboard space`
> - IDs is **is equals to** 4 then `1 keyboard space`
> - IDs **else** is equals to `2 keyboard spaces`
> 
> ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/c/1cbb7ccb8e4033660b7719aad3e9a109249b4da3.png)

* * *

## ✨ Final Result

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/2/8260ccb478ffc16d52c8bc52cab5e05a3d2554fe.jpeg)

> 📌 Btw, I’m in love with this view 😍

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 18, 2021, 10:22pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/2 "2021-05-18T22:22:56Z")

</div>

Oh. Common… we all waiting for fireworks on the left panel… 😉

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 18, 2021, 10:25pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/3 "2021-05-18T22:25:13Z")

</div>

Well, yes… but that’s a showcase 😄

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 18, 2021, 10:27pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/4 "2021-05-18T22:27:14Z")

</div>

And also, would be great to have a right panel or at least move bottom tabs menu on the right vertically… is there any CSS for that?

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [May 18, 2021, 10:28pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/5 "2021-05-18T22:28:10Z")

</div>

This is EXTRACLOUDINARY 🚀🚀🚀🚀🚀

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 18, 2021, 10:32pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/6 "2021-05-18T22:32:55Z")

</div>

Yes, it should. Never tried, but might be a little complex and not safe to do something like this with CSS

---

<div class="post-metadata">

**Author:** ![Tombaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tombaker/32/25878_2.png) [@Tombaker](https://community.glideapps.com/u/Tombaker)\
**Post date:** [May 18, 2021, 10:51pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/7 "2021-05-18T22:51:10Z")

</div>

Looks awesome 👌

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 18, 2021, 10:58pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/8 "2021-05-18T22:58:31Z")

</div>

Please try!

---

<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:** [May 18, 2021, 11:25pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/9 "2021-05-18T23:25:50Z")

</div>

If I wanted to have a menu on the right hand side of the screen, I’d probably just use some stacked floating buttons.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 18, 2021, 11:30pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/10 "2021-05-18T23:30:22Z")

</div>

The whole idea of having bottom menu on the side is to make main window longer, plus it will fill up desktop screen better. The view we having now is not good!

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 18, 2021, 11:51pm UTC](https://community.glideapps.com/t/menu-in-desktop-tablet-view-with-group-by/26947/11 "2021-05-18T23:51:01Z")

</div>

Agreed
