Side menu example

Made with Thunkable
,
#1

With this menu style do you got a simple and easy way for users to join other pages via image buttons.

Features:

  • Open & close menu animation
  • clean design
  • Webview component
  • Menu click and the menu page is open or close
  • Long menu click and the start page is visible and the webview component isn’t visible

The rights of the used pictures in this example remain with the original owner.

Screenshots:

screen.png880×542 45.4 KB

blocks.png1644×744 119 KB

Screen1.png1080×1920 96.4 KB

Screen2.png1080×1920 121 KB

Screen3.png1080×1920 207 KB

Download SideMenuExample (aia file)
Download SideMenuExample (apk file)
Video

best regards,
Mika

Tutorials, Snippets, Examples with source files (aia and apk) and much more available on my blog

15 Likes
Image Editor App
#2

can i ask whhy doesn’t this work when allign horizontal is set to center? becuase right now the letters of the main screen aren’t in the middle they are on the left side

#3

Because the menu cames from left to right.
If you set it to center it doesnt work right.

#4

any workaround so the letters would be in the center?(no label usage cause i am not talking exactly about these ones but in general), plus what if i wanted the menu to the right? would it be just a simple code change?

#5

Yes i think its possible to change rhe menu to the right side.
If you want i will take a look tomorrow to this.

#6

so i guess there is no way to make the side menu “overlap” the main screen? because here it just pushes it to the side

#7

that’s right.
a overlap or overlay is not possible.

#8

excelente

#9

Hi Thunkable Team,
What you need to add is “when screen touched”. This will solve all problems about “slide menu” and make it like “slide menu” in Android Studio"
I love Thunkable

#10

Excellent Menu structure,
How can we link the button with Screens instead of webpage or weblinks

I wants to link and travel with Multiple Screens not with webviewer.

Thanks

1 Like
#11

You may check out my Templates, especially Navigation Drawer one, but it works with arrangements not screens, so you can toggle visibility of those.

1 Like
#12

love it :+1:
thanks a lot

#13

why text is going beyond screen, even when menu is off state?

Any solution on this problem?