# How to do it downward in the menu tree

**URL:** <https://forum.inductiveautomation.com/t/how-to-do-it-downward-in-the-menu-tree/80885>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [October 24, 2023, 1:52am UTC](https://forum.inductiveautomation.com/t/how-to-do-it-downward-in-the-menu-tree/80885 "2023-10-24T01:52:51Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jiyoung\_hwang1](https://avatars.discourse-cdn.com/v4/letter/j/bc79bd/32.png) [@jiyoung\_hwang1](https://forum.inductiveautomation.com/u/jiyoung_hwang1)\
**Post date:** [October 24, 2023, 1:52am UTC](https://forum.inductiveautomation.com/t/how-to-do-it-downward-in-the-menu-tree/80885/1 "2023-10-24T01:52:51Z")

</div>

![aa](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/f/0fae889323818b895f446e39de5700c43fadf681.gif)

The screen is in the demonstration video of Ignition

What should I do to make the menu go down like this way?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [October 24, 2023, 2:45am UTC](https://forum.inductiveautomation.com/t/how-to-do-it-downward-in-the-menu-tree/80885/2 "2023-10-24T02:45:03Z")

</div>

You're actually looking at some trickery; that's an Accordion - not a Menu Tree.

---

<div class="post-metadata">

**Author:** ![jiyoung\_hwang1](https://avatars.discourse-cdn.com/v4/letter/j/bc79bd/32.png) [@jiyoung\_hwang1](https://forum.inductiveautomation.com/u/jiyoung_hwang1)\
**Post date:** [October 24, 2023, 4:10am UTC](https://forum.inductiveautomation.com/t/how-to-do-it-downward-in-the-menu-tree/80885/4 "2023-10-24T04:10:41Z")

</div>

1. How can you make it like that using accordion?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [October 24, 2023, 5:31am UTC](https://forum.inductiveautomation.com/t/how-to-do-it-downward-in-the-menu-tree/80885/5 "2023-10-24T05:31:40Z")

</div>

Each Accordion item body is actually a Flex Repeater, which passes information into multiple instances of a View which acts as a template. That View accepts parameters to drive things like label text and target destination (url or mounted page path).

So each of those entries ("Chart Range Selector", "Pie", "Simple Gauge") is just a View represented multiple times with different properties that have been passed into it, allowing each instance to behave in its own way.