# Bottom Menu Style | with Swipe function **URL:** \ **Category:** Promote your App\ **Tags:** socialmedia, design\ **Created:** [September 28, 2016, 8:19am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205 "2016-09-28T08:19:37Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Mika](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mika/32/5022_2.png) [@Mika](https://community.thunkable.com/u/Mika)\ **Post date:** [September 28, 2016, 8:19am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/1 "2016-09-28T08:19:37Z")
Now i will show you another simple and clean style called β€œBottom Menu”. Swipe the menu icon to the top and the menu is now open. In this example i link the menu buttons with the webviewer to some sample pages. After you clicked on a button the menu goes down and the webviewer is visible. The rights of the used pictures in this example remain with the original owner. Screenshots: ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/1X/461467264768521eb8ec4c4cb2c8927cdc33cbf8.png) ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/1X/b9562dadb4d3c01bc8b997ab354e471f1a178425.png) ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/1X/ecdb0cc6134c56faf6216a058e3fcd8b12c9fc6f.png) ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/1X/55320c7dc0b7814388aaaa7502051da1f1575010.png) ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/1X/b92ae20089717456ef10e75d310e6cdba2bedf36.png) [Download BottomSlideMenu (aia file)](https://sourceforge.net/projects/released/files/Bottom\_Slide\_Menu.aia/download) [Download BottomSlideMenu (apk file)](https://sourceforge.net/projects/released/files/Bottom\_Slide\_Menu.apk/download) [Video](https://sourceforge.net/projects/released/files/Bottom\_Slide\_Menu%20Video.mp4/download) Which menu style do you want next? Write it down in the comments. best regards, Mika * * * [Tutorials, Snippets, Extensions, Example source files and much more available on my blog](http://nmd-apps.jimdo.com) ---
**Author:** ![pavi2410](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pavi2410/32/16588_2.png) [@pavi2410](https://community.thunkable.com/u/pavi2410)\ **Post date:** [September 28, 2016, 8:40am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/2 "2016-09-28T08:40:10Z")
Give a tutorial on slider menu please. ---
**Author:** ![honwahp](https://avatars.discourse-cdn.com/v4/letter/h/e68b1a/32.png) [@honwahp](https://community.thunkable.com/u/honwahp)\ **Post date:** [September 28, 2016, 8:48am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/3 "2016-09-28T08:48:15Z")
interesting thanks for sharing ---
**Author:** ![Mika](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mika/32/5022_2.png) [@Mika](https://community.thunkable.com/u/Mika)\ **Post date:** [September 28, 2016, 8:58am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/4 "2016-09-28T08:58:19Z")
what do you want to know? πŸ™‚ ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [September 28, 2016, 11:51am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/5 "2016-09-28T11:51:14Z")
Impresionant work @Mika ---
**Author:** ![Mika](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mika/32/5022_2.png) [@Mika](https://community.thunkable.com/u/Mika)\ **Post date:** [September 28, 2016, 12:28pm UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/6 "2016-09-28T12:28:55Z")
thank you @barreeeiroo πŸ™‚ i have in the last time many ideas for various projects. ---
**Author:** ![simpleandroidtech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/simpleandroidtech/32/29952_2.png) [@simpleandroidtech](https://community.thunkable.com/u/simpleandroidtech)\ **Post date:** [January 27, 2017, 8:31am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/7 "2017-01-27T08:31:37Z")
HI Sir @Mika im using this menu style in my new app and i thank you for sharing this. I have some tweaks or modification in my mind but i don’t know how to do it. I am a newbie πŸ™‚ since the web viewer does not allow to upload or download photos/files or watch movie,video streams in full screen (but i hope in the new update by @thunkable will be enable πŸ™‚ ) . I want my users to have an option to launch the current website that the customer is opening to the external browser . there will be a menu \> options under menu\> Exit (if you could also add this πŸ™‚ ) Share (if you could also add this πŸ™‚ ) Launch to browser ( important) Like this ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/3/3da3268c6ce6968fea091aeede4226858d2ee54f.png) ---
**Author:** ![lucatunes](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/lucatunes/32/870_2.png) [@lucatunes](https://community.thunkable.com/u/lucatunes)\ **Post date:** [January 27, 2017, 1:44pm UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/8 "2017-01-27T13:44:06Z")
I belive you can still download files through thunkable using the web component not the Web Viewer. ---
**Author:** ![Mika](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mika/32/5022_2.png) [@Mika](https://community.thunkable.com/u/Mika)\ **Post date:** [January 27, 2017, 9:48pm UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/9 "2017-01-27T21:48:00Z")
I take a look to this in the next days. πŸ™‚ I have current privat things to do. Me and my girlfriend move into a new appartment. ---
**Author:** ![simpleandroidtech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/simpleandroidtech/32/29952_2.png) [@simpleandroidtech](https://community.thunkable.com/u/simpleandroidtech)\ **Post date:** [January 28, 2017, 7:40am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/10 "2017-01-28T07:40:47Z")
@lucatunes i mean is the facebook twitter and other social media sites. ---
**Author:** ![simpleandroidtech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/simpleandroidtech/32/29952_2.png) [@simpleandroidtech](https://community.thunkable.com/u/simpleandroidtech)\ **Post date:** [January 28, 2017, 7:42am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/11 "2017-01-28T07:42:52Z")
Thanks Sir @mika πŸ™‚ ill just wait… but its open to anyone who can help and edit the aia file πŸ™‚ #everyone ---
**Author:** ![Guan-Jing\_Jung](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/guan-jing_jung/32/3597_2.png) [@Guan-Jing\_Jung](https://community.thunkable.com/u/Guan-Jing_Jung)\ **Post date:** [March 19, 2017, 1:09pm UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/12 "2017-03-19T13:09:13Z")
Hello~ I’m Taiwanese. So I chose Chinese in my program design. But there are four errors. ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/2/261dec86feed43872361750330064a4a5f7b8dd5.JPG) Then I downloaded APP, phone display is running incorrectly. ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/a/a88407b99c7b24d3181057dd17ef5fbc25c7711d.png) Can you tell me what to do? Thank you πŸ˜ƒ ---
**Author:** ![Mika](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mika/32/5022_2.png) [@Mika](https://community.thunkable.com/u/Mika)\ **Post date:** [March 19, 2017, 1:46pm UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/13 "2017-03-19T13:46:06Z")
You must change the blocks with the red warning symbol. Choose β€œheading” in the canvas event. ---
**Author:** ![Guan-Jing\_Jung](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/guan-jing_jung/32/3597_2.png) [@Guan-Jing\_Jung](https://community.thunkable.com/u/Guan-Jing_Jung)\ **Post date:** [March 19, 2017, 2:58pm UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/14 "2017-03-19T14:58:31Z")
Let me try it thank you for the explanation 😁 😁 😁 ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [April 16, 2017, 6:47pm UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/15 "2017-04-16T18:47:15Z")
I want to add this blocks to your Menu: ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/f/fa624cc5150a04e0c98a7ce8d4861d5cae512676.png) So if the user taps the Canvas, it will work as he had flung the canvas ---
**Author:** ![Gudguy](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Gudguy](https://community.thunkable.com/u/Gudguy)\ **Post date:** [December 9, 2017, 5:06am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/16 "2017-12-09T05:06:17Z")
plz make SLIDER MENU extension ---
**Author:** ![Andres\_Cotes](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/andres_cotes/32/6365_2.png) [@Andres\_Cotes](https://community.thunkable.com/u/Andres_Cotes)\ **Post date:** [December 9, 2017, 5:34am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/17 "2017-12-09T05:34:48Z")
tienes una imagen ---
**Author:** ![Gudguy](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Gudguy](https://community.thunkable.com/u/Gudguy)\ **Post date:** [December 9, 2017, 7:04am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/18 "2017-12-09T07:04:57Z")
[http://weeklytech.tk/](http://weeklytech.tk/) check it, It have very good animation effect. or ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/5/5f64090467c168eb8c9c2916ef7af5ceb781f74f.jpg) image is calculator app in windows 10 ---
**Author:** ![Andres\_Cotes](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/andres_cotes/32/6365_2.png) [@Andres\_Cotes](https://community.thunkable.com/u/Andres_Cotes)\ **Post date:** [December 9, 2017, 7:18am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/19 "2017-12-09T07:18:34Z")
[http://community.thunkable.com/t/extension-sidebar-navigation-update-11-09-2017/5376](http://community.thunkable.com/t/extension-sidebar-navigation-update-11-09-2017/5376) ---
**Author:** ![Gudguy](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Gudguy](https://community.thunkable.com/u/Gudguy)\ **Post date:** [December 9, 2017, 7:27am UTC](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205/20 "2017-12-09T07:27:23Z")
I appreciated your work, thanks a lot. Just one request, try to use English as it’ll be helpful to understand, So I will not require google translator . [Next page](https://community.thunkable.com/t/bottom-menu-style-with-swipe-function/205.md?page=2)