Double Side Menu Layout

Discuss
#1

I can do a Side Menu Layout containing the indices:

  • Contact
  • Brands
  • Category

But I wanted you to choose the Category Index for example, open another list where you have other options within Category. How do I do this?

  • Contact
  • Brands
  • Category
    * caja1
    * caja2
    * caja3

Eu consigo fazer um Side Menu Layout contendo os indices:

  • Contato
  • Marcas
  • Categoria

Mas queria que ao escolher o Índice Categoria por exemplo, abrisse uma outra Lista onde dentro de Categoria estivessem outras opções. Como eu faço isso ?

  • Contato
  • Marcas
  • Categoria >
    * caixa1
    * caixa2
    * caixa3
#2

You have to make it yourself in a layout.Then set the layout as side menu layout.

#3

You can only type in English it is sufficient

1 Like
#4

friend, thank you in quick response. Would you have an example that I could understand better? I am learning Kodular only 5 days only. So an example containing this layout would be welcome, and which Palette should I choose, would it be the same Side Bar Layout?

#5

Make your side menu layout and use this block:-
Screenshot_2019-06-10%20Kodular%20Creator

#6

I would have here in the community to download a sample .aia template, so I would understand better.

#7

So you need aia file then I am sorry.I can not give you aia file.
Try yourself and if you stuck ask here in the community.

2 Likes
#8

I found one in Open Source - Kodular Community, open source, I downloaded the .aia, but it’s not what I wanted, just had a menu.

#9

You can use the additional component to let the user select one of the subitems, like the ListPicker component, Notifier’s Show List Picker block, etc.

Ekran%20Al%C4%B1nt%C4%B1s%C4%B1
Ekran Alıntısı.png1388×621 83.3 KB

1 Like
#10

hello, would you have a guide here, taught from basic to advanced, with all the commands explaining its use so that I can learn Kodular and assemble the blocks? I also want to understand each function of the palettes.

#11

Where do I find this additional component on the pallets?

#12

You can find ListPicker and Notifier component in User Interface category.

Also, you can always search for a component using the search button.

#13

if not ask too much, would you like to get a print showing your location?

1 Like
#14

I did everything right as known. While running on the phone, the screen shows the Text for List_picker1 button and on top of it the Side_Menu_Layout1.
However, clicking Side_Menu_Layout1 opens the Side Menu, all in white. And if I click on the Text for List_Picker1 button, a screen with the title of Category in blue appears, and below a Black screen with the sub-Menus I created: Aminoacids and Proteins.
I wanted this screen to open in the sidebar that went blank.

#15

@amigolojista you are new here so start with tutorials.You can find a lot on YouTube and also in the community.

It is because you have set background color to default.

You have not changed title color and item background color and item text.
My suggestion will be download Companion app and connect to Kodular Creator than make changes to components you have used so you can see it live.

#16

I have yes the Kodular Company downloaded and it is in him that I am testing now. I would very much like to learn from you, so could you point me to these tutorials here in the community? Another thing, I hit the blank screen here. But then the button should be invisible, correct? and only visible after the right Side Menu is activated?

#17

Get started by this guide:

#18

So you need a drop down menu in the side menu to choose categories?

#19

Exactly. By clicking 3 dots on top, the side menu opens and the options appear:
Category
Products

Clicking on categories creates a category and products spec. Then the options appear within category: Amino acids
Proteins

So if you click Proteins, go to the Proteins screen.

#20

This is called ’ Action Bar ’ not Side Menu Layout.
Try these steps:
Designer >>>>>
1.Create your side menu layout in verical arrangement or vertical scroll arrangement.
2.Drag and Drop Spinner component from User Interface.
Now do your designing settings as your choice.
Blocks >>>>>
1.Make a variable with a list using make a list block and add items to it.
2.Now on screen initialize block set Spinner elements to that list.
3.Use after selection block to proceed.

If you still have any problems then post here.