Tutorial 1 - Make Hello World Appliction With Sigma Visual

[steven]

Hello everyone. Welcome to Sigma Viusal builder programming tutorial.
This is the first application. It will give you basic idea of how to program with Sigma Visual Ajax GUI builder. This tutorial is focused on how to program, so I guess you have known how to design GUI components with Sigma Visual. If you don't, please check http://www.sigmawidgets.com/products/sigma_visual/manual/ first.

[Req Spec]
An input box and a button needed.
When end user clicks button, input box show "hello, the world".

[Do It Yourself]
1. Drag an [Input] to design area, set [alias] to "input1"(Click input to select it, type "input1" in [Component Config Window]->[alias]，and strike [Enter] on keyboard).
2. Drag a [Button] to design area.
3. Add event handler for button being clicking.(Click button to select it，click on right side of [Component Config Window]->[events]->[onClick]，a small button will appear. Click this button, a dialog box will pop up.)
4. You will see the following lines in the dialog
function (profile, e, src, value) { }
5. Add one line of code. It looks like this. 
function (profile, e, src, value) {   this.input1.setValue("Hello, The World"); }
6. Click [OK] to close dialog.
7. Press [Run] to see the result.

[Lando]

Translation to portugues brazilian:

 Translation

[steven]

Thank you, Lando.
It's nice of you 

[steven]

Hello Lando,
Thank you for your any contribution on translation. I will set all your links to top when you finished them.
If you are translating something, you may utilize this online tool(www.google.com/translate) to save some efforts.

[goremo]

Please correct the text on your opening remarks: ...This tutorial is focused on how to programming, so I guess you have knew known how to design GUI components with Sigma Visual.

[yuskamal]

Always show "click me" button ...