Contents

• Welcome to SigmaVisual
• How to
  • How to install
  • How to add component to my web page
  • How to set component properties
  • How to add new items to a menu/tab/stack
  • How copy components
  • How to remove components
  • How to move components
  • How to resize components
  • How to change components' parent container
  • How to customize appearance
  • How to add an event handler
  • How to know property/event meaning
  • How to preview/execute a web page
  • How to make web application standalone
  • How to change theme of my application
  • How to make app fit different resolutions
• Reference
  • SigmaVisual Overview
  • Main Buttons
  • Design View
    • Design Tool Bar
    • Structure Dropdown Tree
    • Component Gallery
    • Object Inspector
  • Normal View
  • Structure View

How to add new items to a menu/tab/stack

After you add a menu component to your web page by dragging it from [Tools Box], that menu bar will have tow menu items. See following figure.

• Click the menu to select it.
• Click the icon before [properties] in [Component Config Window], 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 [key/value pairs] to pop up a dialog like the following figure. 

• Input the following text.

[{

    "id" : "file",

    "caption" : "File",

    "sub" : [{

        "id" : "Open",

        "caption" : "Open"

    },

    {

        "id" : "Save",

        "caption" : "Save"

    },

    {

        "id" : "SaveAs",

        "caption" : "Save As... "

    }]

}]

• You will see a menu like this.