# Design the drawer Navigator

**URL:** <https://community.thunkable.com/t/design-the-drawer-navigator/244963>\
**Category:** Questions about Thunkable X\
**Created:** [September 26, 2019, 7:14am UTC](https://community.thunkable.com/t/design-the-drawer-navigator/244963 "2019-09-26T07:14:49Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![funhall](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/funhall/32/92145_2.png) [@funhall](https://community.thunkable.com/u/funhall)\
**Post date:** [September 26, 2019, 7:14am UTC](https://community.thunkable.com/t/design-the-drawer-navigator/244963/1 "2019-09-26T07:14:49Z")

</div>

How can I design the drawer Navigator. Because this sight is nice. I like to make a background, if not possible then just a nother color. Can I fix up the button I like that also.  
I can make a grey button bacgground but the white color under and over the drawer button I like to change. NIt would be nice if I could put in a back ground picture

 ![Image-1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/2/1223482552ff058f04350bc5bf72e632f3a08820.jpeg)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [September 26, 2019, 7:26am UTC](https://community.thunkable.com/t/design-the-drawer-navigator/244963/2 "2019-09-26T07:26:55Z")

</div>

You can make your own Sidebar if the screens are not designed to interact with the user, but serve only to obtain information from them.

An example of a screen scrCustomDrawer

[https://x.thunkable.com/projects/5d370bd8814895afb4300c50/project/properties/designer/](https://x.thunkable.com/projects/5d370bd8814895afb4300c50/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![funhall](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/funhall/32/92145_2.png) [@funhall](https://community.thunkable.com/u/funhall)\
**Post date:** [September 26, 2019, 7:28am UTC](https://community.thunkable.com/t/design-the-drawer-navigator/244963/3 "2019-09-26T07:28:08Z")

</div>

Yes I have seen that but it seems dificult to make for a newbee. So much easyer if I could make some design on the built in drawer???

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [September 26, 2019, 7:30am UTC](https://community.thunkable.com/t/design-the-drawer-navigator/244963/4 "2019-09-26T07:30:11Z")

</div>

Change built a drawer, you can only use the properties that are on the property bar when you select the drawer component.

---

<div class="post-metadata">

**Author:** ![funhall](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/funhall/32/92145_2.png) [@funhall](https://community.thunkable.com/u/funhall)\
**Post date:** [September 26, 2019, 7:38am UTC](https://community.thunkable.com/t/design-the-drawer-navigator/244963/5 "2019-09-26T07:38:11Z")

</div>

Okay thanks  
But can I copy the design to my project so I have the row/column settings??

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [September 26, 2019, 7:49am UTC](https://community.thunkable.com/t/design-the-drawer-navigator/244963/6 "2019-09-26T07:49:47Z")

</div>

Instead of a sliding drawer, you can make the menu bar displayed on the screen when you click on a hamburger button and closes when you press the space button or a hamburger.

---

<div class="post-metadata">

**Author:** ![funhall](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/funhall/32/92145_2.png) [@funhall](https://community.thunkable.com/u/funhall)\
**Post date:** [September 26, 2019, 7:51am UTC](https://community.thunkable.com/t/design-the-drawer-navigator/244963/7 "2019-09-26T07:51:12Z")

</div>

Sorry. I have seen that explesion Hamburger before. But what does it mean Sorry…

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [September 26, 2019, 7:54am UTC](https://community.thunkable.com/t/design-the-drawer-navigator/244963/8 "2019-09-26T07:54:30Z")

</div>

Hamburger button - a button with three horizontal lines, that look like a hamburger (two buns with a chop between them), when clicked, opens the sidebar. This type of navigation is considered obsolete and inconvenient for users and many experts recommend to abandon it and use more understandable for users to navigate.

Seee for example [https://medium.com/@kollinz/hamburger-menu-alternatives-for-mobile-navigation-a3a3beb555b8](https://medium.com/@kollinz/hamburger-menu-alternatives-for-mobile-navigation-a3a3beb555b8)

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:08pm UTC](https://community.thunkable.com/t/design-the-drawer-navigator/244963/9 "2024-11-08T12:08:54Z")

</div>


