# Tutorial - Create a Gorgeous Sidemenu

DevFeed: [Tutorial - Create a Gorgeous Sidemenu](<https://devfeed.tech/articles/tutorial-create-a-gorgeous-sidemenu-19622.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/tutorial-create-a-gorgeous-sidemenu/>)

Author: Shai Almog

Published: 2017-05-11T00:00:00Z

Content type: tutorial

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [Tutorial](<https://devfeed.tech/topics/tutorial.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Code](<https://devfeed.tech/topics/code.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [design](<https://devfeed.tech/tags/design.md>), [developers](<https://devfeed.tech/tags/developers.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

A Codename One tutorial explains how to create a simple, elegant side menu. It covers starting with a native theme and bare-bones application, styling the navigation panel and commands, and configuring padding, margins, borders, and fonts for a portable, touch-friendly UI.

## Source excerpt

One of the biggest challenges facing new Codename One developers is the challenge of creating an elegant looking UI. This isn't trivial in any tool but we don't make it easy enough in some cases. In the tutorial below I'm focusing on one of the most important UI elements: the side menu. I chose to use a very simple design so this will be easy to follow, you can easily build on top of this to create highly customized styles.