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

Normal View

No matter how powerful and numerous SigmaVisual components are, you still have to write some codes to complete a usable web application. In fact, when you design your web page and lay your components by dragging and drop, SigmaVisual generates lots of codes to tell browsers how to create and initialize components. 

When you switch to [Normal View] , you will see it's really a typical code editor. You can enter and delete text, highlight text with the mouse, cut, copy, paste code within normal view, just the same way as you use some other text editor.

One useful feature is syntax highlighting, which makes keywords, strings, numeric constants, and comments in different colors. Just click [Format View] to syntax highlight your code. The colorful codes look like the following figure.

Another feature is that SigmaVisual can help you to figure out whether there are any syntax errors in your code. If you are new to JavaScript, this feature enables you to find out what error you made. After you click [Syntax Check] , a message will drop down saying "Congratulations. No syntax error yet" or some hints about the errors, for example, "missing ) after argument list at line 5" .