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

Main Buttons

There are some big buttons at right top of SigmaVisual GUI builder. See following figure.

Run

Click [Run] button on the tool bar to execute/preview. 

If you are developing your web page, it's recomended that you use /VisualJS/index.debug.html instead of index.html. Because If some run-time errors (such as to access property of null object) occur or some exceptions are thrown out, error window popup in /VisualJS/index.debug.html with error information, call stack and context. This information is very useful for developer to diagnose the application.

Save

Click [Save] button to save your creations or modifications. There are some options in the dropdown list.

• [Save orignal file] - Save file and overwrite orignal file.
• [Save class(.js) file] - Save file as a javascript class file.
• [Save a runnable(.html) file] - Save file as a html file containing javascript class file. If you have runtime file at your local machine and know how to put them together, choose this one.
• [Save release package(.zip) file] - If you don't know which option you should choose, just choose this one. You will get a zip-formatted package containing your web page as well as runtime files to suport your applications.

Open

To press this button will pop up a dialog box. You could open a SigmaVisual Javascript file in the box. Any js file which could be recognized by SigmaVisual will be wrapped to [Design View]. This dialog box also contains some shortcuts to samples. Developer can reuse these visual design and codes to practice project with a little changes.

Language

Click this button and change the interface language by choose the dropdown menus. [English] and [Chinese] are available by far. You could also made your language package by yourself.

Theme

Click this button and change the interface theme by choose the dropdown menus. [Default], [Aqua] and [Vista] are available by far. You could also made your theme by yourself.