Workspace: Design and Source Views

The Design view is your virtual sketchpad. While you add or delete elements, alter their properties - all the changes is presented there.

By default, design view presents 3U layout. Then, it presents what you define in Components tree and Properties/events pane.

The Source view presents the automatically generated Javascript code. The code refers to the structure presented in Design view.