====== Tour of ViziApps Studio ======

Bookmark this link to open ViziApps Studio:
  * **[[ http://viziapps.mobi ]]**

ViziApps Studio will start in the Design Tab. The major features of the Design Tab are shown below, and you can also refer to the **[[studio_icon_control_definitions|Icon Definitions]]** for more detail. Clicking on the **Manage Data** button will enable you to set up and manage the way your app connects to Internet data sources.
===== Studio Design Canvas =====
{{ ::captioned_design_canvas.png?direct&500 |}}

----

===== Page Storyboard =====
{{ ::captioned_app_storyboard.png?direct&500 |}}

----

===== Editor Buttons =====
{{ ::captioned_studio_edit_buttons.png?direct&500 |}}

----

===== New Field Buttons =====
{{ ::captioned_new_field_buttons.png?direct&500 |}}

----

===== Select App Property =====
{{ ::captioned_select_app_property.png?direct&500 |}}

----

===== Current App Controls =====
Also see: **[[studio_icon_control_definitions#app_management_icons|App Management Icons]]**
{{ ::captioned_current_app_controls.png?direct&500 |}}
----

===== App Page Buttons =====
Also see: **[[studio_icon_control_definitions#page_management_icons|Page Management Icons]]**
{{ ::captioned_app_page_controls.png?direct&500 |}}
----

===== Manage Data Sources =====
//First click Manage Data in the App Page buttons. Also see: **[[studio_icon_control_definitions#data_source_icons|Data Source Icons]]**//
{{ ::captioned_manage_data_source.png?direct&500 |}}
----

===== Manage Data Queries =====
//First click Manage Data in the App Page buttons. Also see: **[[studio_icon_control_definitions#data_query_icons|Data Query Icons]]**//
{{ ::captioned_manage_data_query.png?direct&500 |}}

----