How To Create Professional Side Menu In Kodular

NOTE: You Will Get AIA File Password In Linked YouTube Video Description

Today in this video we will discuss about how you can make your professional side menu in kodular. How you can create easily or i will give you free professional side menu in kodular .aia file also or you can publish your app without any copyright issue (but give me a credit). So download it and use the professional side menu in kodular without any issue.

Tutorial Of Professional Side Menu In Kodular

So, today i will be able to show you ways are you able to create a professional side menu in kodular your app to seem your apps more professional. You don’t need any external extension for this. Just drag and drop Side Menu Layout from Layout. Here during this tutorial I created a professional side menu in kodular for an example. The professional side menu bar features a Back button, which may be a Clickable Label and whose Text is menu and Font is MaterialIcons.

So, here if you’re creating an app and there’s a Login system with Firebase Authentication or Firebase Database, then you’ll easily show the info to the professional Side Menu in kodular. Like if your user logged in with his/her email id and he/she entered a reputation then by coding you’ll store that data to Firebase DB then Get that data and show that to the Side Menu’s Header Title and Header Sub Title. Also your user can see their custom Profile Picture at the highest of the professional Side Menu in kodular. Which is explained within the Video Tutorial.

Professional Side Menu In Kodular here

Here you’ve got to style the professional Side Menu in kodular system properly, otherwise it’ll not look that much good. In my video tutorial I even have created a really simple type professional Side Menu in kodular within the video Tutorial I told you that within the professional Side Menu’s Background Colour you’ve got to insert a deep colour (i.e. Grey or other) but you’ll use White colour as Background to seem your Menu good. Just upload a deep colour image (like grey colour image) and set it to the Background of the SideMenu’s Header Background and see that how beautiful it’s . i will be able to offer you the aia with the Grey colour image within the background so you’ll catch on soon.

Upload some images of your icons like Home, Account, Profile, Logout etc. which you’ll catch on easily from internet and set it to the Blocks, now see the Blocks.

What is Kodular (App Inventor) ?

Kodular (formerly Makeroid) is a web suite for mobile app development. It mainly provides a free drag-and-drop Android app creator without coding, supported MIT AppInventor. It brings many new features like new components and blocks. Kodular also provides a free online app store to share and distribute apps and an extensions IDE for advanced users.

Kodular is a web suite for mobile apps development. It mainly offers a free drag-and-drop Android app creator without coding; but it also gives service to a free alternative to Google Play Store and an Extensions IDE. Now, let’s start with Kodular Creator.

Professional Side Menu In Kodular here

Time to click on Create App First of all, you’ll need a Kodular Account. you’ll get one by clicking on the Register button at the highest right corner. Once you’ve got finished the signup you’ll login together with your details during this page. And here we are, at Kodular Creator. Now you’ll start creating projects.

Let’s call our first project Hello World. you’ll now see an interface splitted into three columns. These columns are called Components List, Phone’s Mock and Properties Panel. The Components List contains all components which will be dragged into your app, like Buttons or Images.

Professional Side Menu In Kodular here

There also are component categories, like Layout or Monetization, with even more components.In the Phone’s Mock (or Tablet’s Mock) you’ll see a preview of your app design.And finally the Properties Panel. It contains all apps settings, like App Name, App Icon, Theme Colour’s, etc. i will be able to guide you a touch demo of those three panels working together. you’ll pick a button from Components List and drag it into Phone’s Mock. The app will now contain that very same button after exporting it. I can customize it by changing its background color, size, and inner text from the Properties Panel. Quite cool, isn’t it? it’s super easy to style your app with Kodular Creator.

Now let me introduce the block section of Kodular. With Kodular you won’t need to write one line of code; you’ll only need to join some blocks. These blocks, like this one, are the apps internal logic. There are Events (in yellow, triggered when something happens), Methods(in purple, which perform a special action) and Properties (in green, which may change your app appearance dynamically).

Professional Side Menu In Kodular here

There also are some extra blocks which aren’t a part of components. These blocks are the like Java’s native functions.For example, they will perform logical comparisons or operate mathematical expressions. These blocks also can declare variables, lists, or new functions. Now that we understand how blocks work, let’s finish our app. i will be able to make use of a Notifier component.

This component is basically useful as can display notifications, dialogues and alerts to your users. during this case i would like to display an alert when a user clicks on Button1. I pick the Show Alert block and join it with the Event block. However, I even have not set which text i would like to display. To do so, i might need to attend Text Blocks and pick the primary block. But there’s a touch trick. If you begin typing text anywhere you’ll automatically pick the block. it’s an enquiry block feature. And your app is ready!.

Professional Side Menu In Kodular here

You can now export it as an APK file and share it with anyone. In my case,I want a QR code so I pick that option. Wait a couple of seconds and a dialog with the code and a download link are going to be shown. If you’ve got any questions, doubts or suggestions be happy to ask them in Kodular Community otherwise you can simply ask us your doubts by leaving comments below this post.

FAQ