Mobile menu that slides out the current screen the user is on?

Milan Antolić shared this question 4 years ago
Answered

Is there a way to create a mobile slideout menu that slides out the current screen (Like the iphone5->side menu example, but when the prototype has multiple screens.)?


One way would perhaps be setting the content of a dynamic panel to the content of the current screen the user is on?

Comments (3)

photo
1

Hi,


You can draw the menu you want in a master/template, have it hidden and have a button/'images map' on the master/template that onclick shows the menu. Select the desired effect the menu will use. You can also copy&paste the content on every screen but by using a master/template you reuse the content.


Here you have an example that might help


Best regards,


Marc

photo
1

Maybe i wasn't clear enough.


The menu itself is not the problem. I easily create a menu that slides-in from the left and pushes (moves) the screen to the right in a 80/20 ratio.


It's very easy to do when i have 1 screen, but it's a problem when there are more.


The problem is setting those 20% to always be THE CURRENT SCREEN depending on what screen the user clicked the menu button on.

photo
1

You could place the content of the screens on one dyinamic panel and instead of changing screen choosing the "setActivePanel" action. And moving the dynamicd panel this 80/20 ratio.


Another way could be that onpageload you set the value of a variable to the screen number and then check this value when the menu button is clicked.


A third option would be to simply copy&paste the content and make an event for each button moving the content on the screen it is in.(This option is viable for a small number of screens; otherwise it becomes chaotic)


Let me know if any of these work.


Best regards,


Marc