Contents - Index


How to add new items to a menu

After you add a menu component to your web page by dragging it from *Component Gallery*, that menu will have three menu items. See following figure.

Click the menu to select it.
Click the plus before *properties* in *Object Inspector*, then all the properties for menu will collapse.
Click *properties | items* and then value of *properties | items* will high light, as the following figure shows.

Click *(Collection)* to pop up a dialog like the following figure. 

Input the following text.
[{
    "id" : "file",
    "caption" : "File",
    "sub" : [{
        "id" : "new",
        "caption" : "New"
    },
    {
        "id" : "open",
        "caption" : "Open"
    }]
}]
You will see a menu like this.