====== ui - User Interface Demo ======

Welcome to the **//ui//** (User Interface portion of the **//ui//**TotalLauncherManual) section of this wiki. This section is designed to help you learn by "doing" without affecting your actual device setup.

What is this section? Unlike the General reference pages (which explain specific features in depth) or the How-To guides (which give you step-by-step instructions), this section is a visual simulator.

==== How to use it ====

Navigate like the App: You will be presented with screenshots of the actual Total Launcher interface.

  * **Click to Explore:** - Treat the images as if they were your device screen. Click on menus, icons, or dialog boxes just as you would in the app.

  * **Follow the Flow:** -  Clicking an item will take you to the next screen or dialog that would appear in real life, accompanied by explanations of what you are seeing.

==== Why start here? ====

  * This is the safest way to build "muscle memory" for the app. You can explore deep into menus and settings to see what happens next—completely risk-free.

Use the Menu below as a Table of Contents for the ui Section. 

<wrap hi>Note: This listing will always exist on the wiki's **left** sidebar under **UI - User Interface Demo**.</wrap>
----
<WRAP centeralign>
UI - User Interface Demo: Table of Contents
</WRAP>
----

Edit
  * [[:ui:ui-edit_off|Edit Off]]
  * [[:ui:ui-edit_on|Edit On]]
Folder
  * [[:ui:ui-folder-options|Options]]
Launcher Actions
  * [[:ui:ui-launcher_action-landing|Selections]]
Launcher Options
  * [[:ui:ui-main_menu-launcher_options-ui_anim|UI & Animation]]
    * [[:ui:ui-ui_anim-sliding_drawer|Sliding Drawer]]
  * Resources
    * [[:ui:ui-resources-dynamic_image|Dynamic Image]]
    * [[:ui:ui-resources-image|Image]]
    * [[:ui:ui-option-action_tap-selection-sequence|Sequence]]
    * [[:ui:ui-resources-shadow|Shadow]]
    * [[:ui:ui-resources-shape|Shape]]
    * [[:ui:ui-option-action_tap-sound|Sound]]
    * [[:ui:ui-resources-typeface|Typeface]]
    * [[:ui:ui-option-action_tap-selection-window|Window]]
Menu
  * [[:ui:ui-edit_on-main_menu|Main Menu]]
  * [[:ui:ui-edit_on-design_menu|Object Design Menu]]
Objects
  * Actions
    * [[:ui:ui-edit_on-page-option-action_enter|Action on Enter]]
    * [[:ui:ui-option-action_tap|Action on Tap]]
    * [[:ui:ui-option-action_tap-selection|Action Selections]]
    * [[:ui:ui-object_add-selection|Add]]
  * Graphic: Text
    * [[:ui:ui-graphic-selection-text-built_in-edit|Built-in]]
    * [[:ui:ui-launcher_action-landing_text|Default]]
    * [[:ui:ui-graphic-selection-text|Selections]]
  * Graphic: Image
    * [[:ui:ui-graphic-selection-image|Selections]]
  * Graphic: Mixed
    * [[:ui:ui-graphic-selection-phone|Phone]]
    * [[:ui:ui-graphic-selection-phone_green_sq|Phone w/ Green Square]]
    * [[:ui:ui-graphic-selection-time_event|Time w/ Event]]
  * Layouts
    * [[:ui:ui-layout-selection|Selections]]
  * Widgets
    * [[:ui:ui-widget-selection|Selections]]
      * [[:ui:ui-widget-analog_clock|Analog clock]]
      * [[:ui:ui-widget-app_drawer|App drawer]]
      * [[:ui:ui-widget-app_drawer_pager|App drawer (pager)]]
      * [[:ui:ui-widget-app_group|App group]]
      * [[:ui:ui-widget-application_widget|Application]]
      * [[:ui:ui-widget-circle_indicator|Circle indicator]]
      * [[:ui:ui-widget-compass|Compass]]
      * [[:ui:ui-widget-contacts_contacts|Contacts]]
      * [[:ui:ui-widget-drawer_handle|Drawer handle]]
      * [[:ui:ui-widget-media_controller|Media controller]]
      * [[:ui:ui-widget-page_indicator|Page indicator]]
      * [[:ui:ui-widget-photo_slide|Photo slide]]
      * [[:ui:ui-widget-rss_reader|RSS reader]]
      * [[:ui:ui-widget-slider|Slider]]
Page
  * [[:ui:ui-edit_on-page-background|Background]]
  * [[:ui:ui-edit_on-page-delete|Delete]]
  * [[:ui:ui-edit_on-design_menu-object-selection|Design Menu]]
  * [[:ui:ui-edit_on-design_menu-page_margins|Margins]]
  * [[ui:ui-edit_on-new_page|New]]
  * [[:ui:ui-edit_on-design_menu-select|Object Selection]]
  * [[:ui:ui-edit_on-page_option|Options]]
  * [[:ui:ui-edit_on-design_menu-scale_move|Scale & Move Object]]
  * [[:ui:ui-main_menu-launcher_options-ui_anim|Transitions]]  
  * [[:ui:ui-edit_on-design_menu-undo_redo|Undo-Redo]]