Page Example

TAU UI Components Sample Overview

UIComponent Sample Overview

The UIComponent 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 UIComponent.

Figure: UIComponent screen

UIComponent 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:

  • Header and Footer: View the page layout with header and footer.
  • Navigation Elements: View various navigation components, such as tabs, navigation, and index scroll bar.
  • List: View various list styles.
  • Controls: View various control components.
  • Popup: View various popup, context popup, and toast popup components.
  • Gallery: View a gallery sample using a section-changer component.
  • Multimedia View: View a multimedia element using a standard HTML video and audio element.

Source Files

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

File name Description
components/ This directory contains the HTML and JavaScript files for UI components.
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.
index.html This is a starting file from which the application starts loading. It contains the layout of the application screens.
Go to top