So the first component that we are going to implement in this chapter is the dynamic menu. We could use only a Tree panel to display the menu, but we do like a challenge and we want to offer the best experience to the user. So, we are going to implement a dynamic menu using Accordion Layout and Tree panels, which is a more advanced dynamic menu. Our system consists of modules, and each module has subitems, which are the screens of our system. An Accordion panel will represent the modules; this way the user can expand and see the menu items of each module at a time. And for the options of each module, we will use a Tree panel; each menu item will be a node from the Tree panel.
So, at the end of this topic, we will have a dynamic menu like the following screenshot:
