The Menu EndPoints are used to create the drop-downs that will appear in the navigation bar at the top of the page.

1 Usage of a Menu EndPoint

The endPoints of type Menu are only used to create dropdowns in the navigation bar.

The menu endPoints found in a first level will collapse in vertical just under the tab in the navigation bar, while all the other levels will collapse in vertical at the right of the tab

First level n-level

2 Examples of Menu EndPoints

To create a drop-down menu or any other endPoint we will add the code in the appConfiguration.xml document. Menu endPoints can be defined as a first level or inside another Menu EndPoint.


A menu endPoint needs to have other endPoints inside. For this example we will use a very simple list endPoint. Click here to see examples of how to configure List endPoints

2.1 First Level Menu EndPoint

Copy

appConfiguration.xml

<endPoints>
    <endPoint type="MENU" title="TITLE_DOC" show="true">
        <endPoints>
        
            <endPoint type="LIST" title="TITLE_ORDERS" path="orders">
                <dataSQL>frontend_newOrder</dataSQL>
            </endPoint>
            
        </endPoints>
    </endPoint>
</endPoints>

The result will be the following:

2.2 Second Level Menu EndPoint

Copy

appConfiguration.xml

<endPoints>
    <endPoint type="MENU" title="TITLE_HOME" show="true">
        <endPoints>
            <endPoint type="MENU" title="TITLE_DOC" show="true">
                <endPoints>
                
                    <endPoint type="LIST" title="TITLE_ORDERS" path="orders">
                        <dataSQL>frontend_newOrder</dataSQL>
                    </endPoint>
            
                </endPoints>
            </endPoint>
        </endPoints>
    </endPoint>
</endPoints>

The result will be the following: