# Navigation menu with sub menu expand effect **URL:** \ **Category:** Ignition\ **Created:** [September 9, 2018, 7:24pm UTC](https://forum.inductiveautomation.com/t/navigation-menu-with-sub-menu-expand-effect/19598 "2018-09-09T19:24:42Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\ **Post date:** [September 9, 2018, 7:24pm UTC](https://forum.inductiveautomation.com/t/navigation-menu-with-sub-menu-expand-effect/19598/1 "2018-09-09T19:24:42Z")
Hi everyone For navigation in small and limit screen, people use some sort of menu bar with hide/show capability. The navigator icon only show in normal state and when user hover mouse over icon it expand and show some text description of each icon. Also each item can have sub menu to select. This is useful to save precious monitor spaces. ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/ac65e7af0b53dd7167b5b670b28b46fd46d8cdf5.png) As an good example please take a look at following link from IGX scada: ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/d/d62f2908a6e0065c656707c12522eeeb1de7bcc3.png) \ **Author:** ![dkhayes117](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkhayes117/32/68344_2.png) [@dkhayes117](https://forum.inductiveautomation.com/u/dkhayes117)\ **Post date:** [September 11, 2018, 1:18pm UTC](https://forum.inductiveautomation.com/t/navigation-menu-with-sub-menu-expand-effect/19598/2 "2018-09-11T13:18:28Z") Have you looked at the [Tree View](https://docs.inductiveautomation.com/display/DOC79/Navigation+-+Tree+View) Table component? ---
**Author:** ![Kyle\_Chase](https://avatars.discourse-cdn.com/v4/letter/k/9de0a6/32.png) [@Kyle\_Chase](https://forum.inductiveautomation.com/u/Kyle_Chase)\ **Post date:** [September 11, 2018, 5:53pm UTC](https://forum.inductiveautomation.com/t/navigation-menu-with-sub-menu-expand-effect/19598/3 "2018-09-11T17:53:35Z")
Kind of like the beginning of this video? You can achieve what you want with a template canvas/template repeater. [https:/uploads/iatesting/original/2X/a/ab550940d9f3f4fcdfe8099addd202fa71cbe559.mp4](https:/uploads/iatesting/original/2X/a/ab550940d9f3f4fcdfe8099addd202fa71cbe559.mp4) ---
**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\ **Post date:** [September 11, 2018, 6:25pm UTC](https://forum.inductiveautomation.com/t/navigation-menu-with-sub-menu-expand-effect/19598/4 "2018-09-11T18:25:04Z")
yes exactly. How he did this??? Should buy it from kymera? I’m really new to ignition. could you please help me and explain this little more or implement a template for me. ---
**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\ **Post date:** [September 11, 2018, 6:27pm UTC](https://forum.inductiveautomation.com/t/navigation-menu-with-sub-menu-expand-effect/19598/5 "2018-09-11T18:27:07Z")
Tree view does the work but it’s not the style that I’m looking for. also I want to hide the menu to extend the screen and when mouse hover it it expand again. ---
**Author:** ![mrogers](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mrogers/32/4110_2.png) [@mrogers](https://forum.inductiveautomation.com/u/mrogers)\ **Post date:** [September 11, 2018, 8:02pm UTC](https://forum.inductiveautomation.com/t/navigation-menu-with-sub-menu-expand-effect/19598/6 "2018-09-11T20:02:52Z")
Look into the template repeater. In the template that you will be repeating, you’ll have a button and maybe another template repeater inside that, with a different template in it. Hover over the first template will show the other repeater and resize itself. Then when the mouse exits, it’ll stop showing the inner repeater and resize itself. Hope that gets you on the right track. ---
**Author:** ![harigobu.gb](https://avatars.discourse-cdn.com/v4/letter/h/b77776/32.png) [@harigobu.gb](https://forum.inductiveautomation.com/u/harigobu.gb)\ **Post date:** [June 21, 2020, 8:54am UTC](https://forum.inductiveautomation.com/t/navigation-menu-with-sub-menu-expand-effect/19598/7 "2020-06-21T08:54:14Z")
Hi, Is it possible to have the same feature (Menu with Submenu expand effect) in Perspective Menu Tree? Thanks and Regards, Hari GB. ---
**Author:** ![KGarner](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgarner/32/15999_2.png) [@KGarner](https://forum.inductiveautomation.com/u/KGarner)\ **Post date:** [June 21, 2020, 1:02pm UTC](https://forum.inductiveautomation.com/t/navigation-menu-with-sub-menu-expand-effect/19598/8 "2020-06-21T13:02:56Z")
You may be able to achieve this with the new [accordion](http://forum.inductiveautomation.com/t/new-accordion-component/34847) component coming in 8.0.14 You can also submit a [feature request](https://ideas.inductiveautomation.com/) for native support in future versions. ---
**Author:** ![harigobu.gb](https://avatars.discourse-cdn.com/v4/letter/h/b77776/32.png) [@harigobu.gb](https://forum.inductiveautomation.com/u/harigobu.gb)\ **Post date:** [June 22, 2020, 6:47am UTC](https://forum.inductiveautomation.com/t/navigation-menu-with-sub-menu-expand-effect/19598/9 "2020-06-22T06:47:43Z")
Thanks you Garner, Will raise feature request.