Side Menu Layout

Written by Mateja Srejic

Hi, I'm the president of KodularLessons. I am here to help you with Kodular related problems.

Mar 10, 2020

Hello, today we will talk about how to use the side menu layout in Kodular. Let’s get started.  

1. Adding the components

Let’s add the SideMenuLayout component.  
Next, change some details so it looks cool.   I’ll add the Header Background Image as well as the subtitle and title.  
Now, let’s head to the blocks section. Currently, it’s empty but let’s change that!  

2. Downloading the icons

Let’s add some items, shall we?   First, let’s download a cool icon. Head over to Let’s search for “Settings”  
Click on the second icon, than on the arrow.  
Click here:  
Open the ZIP file and go to 2x  
Upload the icon to Kodular Assets.  

3. Blocks

Create an item  
There. Now let’s add upload one more icon thus adding one more item to the menu.  
Let’s do something on click. Add a new block SideMenuLayout1.On Item Click.   Check if the title is Settings and Search.  
Add a new screen, I will call it SettingsScreenActivity  
Add whatever you want to make the screen look like Settings. I’ll leave it blank.  

Go back to Screen1.  
Add a Notifier.  
Go back to the blocks, and create something like this.  
That’s it, you are done. I will go over the search function in the next tutorial.  
You can download the finished result here:   SideMenu.aia (1.42MB) SideMenu.apk (6.36MB)  

You May Also Like…

Music Player

Music Player

Have you ever wondering about developing the coolest music player app on the world? Do you enjoy listening to music?...

TTS – Speak your text!

TTS – Speak your text!

Hi, today we are going to build an app based on a very simple component called Text To Speech. Using this visible...

How to force the phone to vibrate

How to force the phone to vibrate

Hello, in this article we will be talking about how to make your device vibrate programmatically using Kodular. Let's...


Hello Koders! Unfortunately, due to the costs of servers and lack of revenue, we will be shutting down KodularLessons on the 2nd March, 2021.