Simple Method to Create SideMenu with Less Block & JSON

Hello Koders :kodular:

Here i am going to show you a simple guide where you can create a SideMenu with Less blocks and JSON

First see the result:

Pre Requisite

  1. Simple Code Editor
  2. Basic JSON knowledge
  3. Kodular Account :kodular: (The most important one)

Components

Blocks

JSON

    [
   {
      "title":"Home",
      "image":"home_black.png",
      "enabled":true,
      "checked":false,
      "group":1
   },
   {
      "title":"Request Course",
      "image":"books_black.png",
      "enabled":true,
      "checked":false,
      "group":1
   },
   {
      "title":"Search Course",
      "image":"search_black.png",
      "enabled":true,
      "checked":false,
      "group":1
   },
   {
      "title":"Share Our App",
      "image":"share_black.png",
      "enabled":true,
      "checked":false,
      "group":2
   },
   {
      "title":"Leave a Review",
      "image":"review_black.png",
      "enabled":true,
      "checked":false,
      "group":2
   },
   {
      "title":"Bug Report",
      "image":"bug_report_black.png",
      "enabled":true,
      "checked":false,
      "group":2
   },
   {
      "title":"About Us",
      "image":"group_black.png",
      "enabled":true,
      "checked":false,
      "group":3
   },
   {
      "title":"Contact Us",
      "image":"email_black.png",
      "enabled":true,
      "checked":false,
      "group":3
   },
   {
      "title":"Privacy Policy",
      "image":"security_black.png",
      "enabled":true,
      "checked":false,
      "group":3
   }
]

Here i used Material Icons as image. And upload all icons into your Assets folder

SideMenu.aia (10.2 KB)

If you like this simple Guide giva a​:+1:
Thankyou happy koding

15 Likes

Never thought of using Side Menu layout this way. Simple and effective. :hushed: :astonished:

1 Like

@golumaths100 Thankyou

1 Like

What a superior guide. Very cool.
I will include it in my application from now on.
Thanks for the guide. Congratulations.

1 Like

Nice way of making good use of json!

1 Like

Good job !

1 Like

Best guide​:heart_eyes::heart_eyes:. Love it​:heavy_heart_exclamation:

1 Like