Mobile Web

TizenWinset Overview

The TizenWinset sample application demonstrates how you can use TAU UI components.

For information on creating the sample application project in the IDE, see Creating Sample Applications.

The following figure illustrates the main screen of the TizenWinset.

Figure: TizenWinset screen

TizenWinset screen

The application opens with the main screen, which shows a list of the available UI components. Click a list item to choose the UI component you want to see:

  • Autodividers: You can view the list autodividers applied.
  • Buttons: You can view various button components.
  • Checkbox: You can view various checkbox and radio components.
  • Collapsible: You can view a list than can be collapsed.
  • Controlgroup: You can view various content controlgroup components.
  • Datetimepicker: You can view various time picker components.
  • Drawer: You can view a drawer component as a hidden menu.
  • Fast Scroll: You can view a fast scroll component in a list.
  • Flip Toggle Switch: You can view various toggle switch components.
  • Gallery: You can view a gallery component.
  • List Divider: You can view various list dividers applied.
  • Listview: You can view various lists.
  • Multimedia View: You can view multimedia with standard HTML elements.
  • Navigation Bar: You can view a navigation bar that supports page navigation.
  • Notification: You can view various notification components.
  • Popup: You can view various pop-up menus.
  • Progress: You can view progress components.
  • Progressbar: You can view various progress bar components.
  • Scroll Handler: You can view scroll button looks like handle.
  • Search Bar: You can view various search filter bar components.
  • Select Menu: You can view various select menus to select an option.
  • Slider: You can view various slider components.
  • Swipe: You can view swipe components.
  • Tab Bar: You can view various tabbar components.
  • Token text area: You can view various token text components.

Source Files

You can create and view the sample application project including the source files in the IDE.

File name Description
config.xml This file contains the application information for the platform to install and launch the application, including the view mode and the icon to be used in the device menu.
src/index.html This is a starting file from which the application starts loading. It contains the layout of the application screens.
src/widgets/ This directory contains the HTML and JavaScript files for each UI component example.
src/tips/ This directory contains the HTML and JavaScript files for programming tips.
Go to top