How to add a side Menu in your Kodular Webviewer Application

by

Samrat

100% LikesVS
0% Dislikes

Likes

Views

Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on twitter
Twitter
Why Menu Needed?

Menus are a common user interface component in many types of applications. To provide a familiar and consistent user experience

What is a Side Menu?

In mobile design, a side menu—also known as a sidebar menu, side navigation menu, side panel, sidebar navigation drawer, off-canvas menu, or hamburger menu—is a commonplace to put a design’s secondary content, such as navigation links, shopping cart preview, information about the logged-in user, and other optional functions. While the pattern pre-dates mobile devices, it gained popularity with Facebook’s first mobile web application.

A side menu often acts as a modal layer: once opened, a user must either interact with the menu or close the menu before they can again interact with the screen’s primary content.

Because sidebar navigation requires some kind of user action to reveal, placing content in a side menu can greatly reduce that content’s discoverability. For this reason, avoid putting critical items on a side menu. Consider instead alternative patterns such as tabs for core navigation or floating action buttons for important user actions. Many designs also repeat the content of a side menu in the footer of each page.

Can it Nessasery to put a Side Menu in my Application?

Actually, that’s your choice but in my preference, an android app must carry a side menu or maybe bottom navigation. It’s you who decide what’s better for your user. In my opinion, if you have Less Than Five Quick Links as a menu then you should go for Bottom Navigation but if you have more than five quick links then you must go for Side Menu or Sidebar Menu

When deciding on a navigation scheme for your app or website, it’s important to figure out the best way to help your customers navigate the layout.

Although top navigation is perhaps the most common for websites, research from Jennifer R. Kingsburg at San Jose State University studied customers’ preferred layouts for three-level menu navigation structures. The study found that side navigation menus were the most favorable for user navigation.

Side navigation also tends to be easier to scan. Research indicates that people scan both app layouts and web pages in an F pattern. When reading texts like lists, people’s eyes scan left to right, then up and down, which is where a responsive sidebar menu comes in.

By designing navigation menus that fit with how users scan text, sidebar menus help users digest information quickly, in a way that feels natural.

Sidebar menus are also more scalable—you can show far more navigation links above the fold with a separate menu that can be differentiated from the body text by font and device settings. You can often accommodate more items in a side menu than a top menu; most text languages run left to right, after all, which only gives you so much room if you’re listing them in a top menu. Put it on the side and it can read like a regular list.

How to Create a Side Menu in Kodular?

Let’s learn how to add a Side Menu in Your Kodular Webviewer application without using any coding. just follow the steps mention in this video and you will be able to create a highly customizable app in a few minutes.

Full Tutorial

Esydo India