Help me with menu

Hello. Im started building my menu for my app.

I have screen1 with:
VerticalForside
VerticalData
VerticalIndstillinger

I have screen2 with:
VerticalMad
VerticalVand
VerticalFørstehjælp
VerticalHygiejne
VerticalElektronik
VerticalVarme
VerticalAndreFornødenheder
I build the menu from a listpicker where i filled menu from ElementsFromString.

I need to make it so no matter what screen i am in i can open the vertical i want.
I put pictures inhere so you can see.
The problem is that at when i open ex VerticalMad i cant open ex VerticalVand.

PrepperApp (1).aia (149.7 KB)




Within a Screen, you can set up navigation between Arrangements by adding Buttons to each Arrangement, leading to the next Arrangement.

I have in mind a more concise method that uses tinydb and selectionIndexes. Will get time later today

Thanks. I could use all the help that i can get.

Dear @Kent_Starup, while waiting for @TIMAI2 to get time ( :hugs:) I've installed your .aia and created the apk. Then I've loaded the apk to my Lenovo 8" pad, and what I see (consider that I don't understand one single word of Danish) is that the menu button operates properly in any page that is opened by the selection in the menu listpicker. Once entered a menu page, by hitting on the rounded menu button on top of the selected screen, the list of menus appears again and one can select a different menu item.
In a nutshell: where is the issue (The problem is that at when i open ex VerticalMad i cant open ex VerticalVand.) ? :grin:

OK this works, it may take you a bit to get your head around it :slight_smile:

openVAs.aia (6.3 KB)

This method will rely on your menu elements being in order, that is, all your Screen1 vertical arrangements first, then all your Screen2 vertical arrangements. The values for displaying the VA will change (you will have to change them) dependent on the number of vertical arrangements that you have on Screen1. From your earlier example, you have 3 vertical arrangements on Screen1, so whereever I have 2, change this to a 3.

The menu is only created on Screen1, this is transferred by tinydb to Screen2.

This method also will only work where you have just two screens, if you want more than two screens then you will have to adopt a screen switching approach as found on the community. With two screens it is simply a case of not having to close Screen1, and just closing Screen2 to return to Screen1.

Blocks SCREEN1

Blocks SCREEN2

1 Like

Yep thats the problem. When i have opened one vertical i cant open another vertical in the same screen

Sorry, i dont understand this way you had maked it.

Dear @Kent_Starup,
please forgive me but I still don't understand the issue: By running TIM's app and yours, it seems to me that they have the same bahaviour...
Anyway, If @TIMAI2's app has solved, don't waste any more time reading this post and ignore it. :hugs: :hugs: :hugs:

EDIT:> if the issue is that the list_picker uses the whole screen (the whole display) masking off anything is behind it, you shall use the Spinner instead. The Spinner allows you to show a popup whose hor and vert sizes are settable. Therefore you can have the menu (the spinner behaves 90% as a listpicker) that can appear and disapper in the same Screen. It's just a matter to display or hide it, or to resize it in runtime (i.e. to set its size to H1,V1 pixels when you want to make it to disappear :+1:)

EDIT II > moreover if you want to show and hide a menu in an overlapped layer of the display (like if it was visually superimposed) you can use the @VSATISH13 nice extension called overlapview that you can find here:

Best wishes.

Maybe the OP wants a multi-select type of menu, like the recently expanded AI2 Designer component pallette sections, allowing multiple pallettes open and closed simultaneously?

You want more than one vertical arrangement open on the same screen, so, for example VA1S1 AND VA2S1 open at the same time ?

Ok, according to my interpretation (that it's not said that it's what you want :grin:) please find annexed an aia file based on the use of a Spinner instead of a list picker.
I've changed the minimum in your code (for example I've not removed your ListPicker), but I've added a "MENU" button, so to open the new menu, which is a Spinner.
After the selection has been done the spinner disappears. (BTW you had a string mismatch in the second item "Login til privat").
Give it a try and, of course, even if it is more or less what you want, it shall be optimized by you :hugs:.
PrepperApp2.aia (69.0 KB)

EDIT I've also changed the toolkit from Custom to Default...

Dear @ABG , has this feature been adedd to the Neo (or is it already in the Classic IDE) ?

Here's a tree menu sample, allowing arbitrary branches to be open or closed.

It requires careful naming structure in the Designer to keep things straight.

It is a good argument for recursive runtime interface building.

Each button controls the visibility of all the Horizontal Arrangements stacked to its right.



sample run
tree_menu.aia (4.7 KB)

I got tired of all the renaming of buttons and arrangements after a while.

Designer copy/paste is useful here, if you can be careful to source and target right.

After the structure is set up, then go back and insert whatever else you need in the Arrangements.

1 Like

I haven't tried in Neo, but here I have at least 2 component pallettes open.

1 Like

Thanks @ABG, got it !!!

Does your example work across multiple real screens ?

No.

I don't have a use case for even attempting that.