The user interface is made up of a window, panes, views, and content within the views. Additionally, you can define dialogs.

When using Mobile Development to design the user interface, your application contains a single main window for your application. The window defines the visible bounds of the display to use for an application.

When you create a Mobile Project, Mobile Development defines the application’s main window for you.

You divide the main window into one or more panes. When creating an application for a small hand-held device, such as a mobile phone, you might want to use a single pane or maybe two, one for a navigation area and the other for a main area. When creating an application for a larger device, such as a tablet, you might want to use more panes. For more information, see Defining Panes for the Application Window.

You define views that the application displays in the panes of the application’s window. For information about how to define a view, see Adding Views to the Application’s User Interface. For information about the types of views you can add, see Objects to Use for Views.

Inside a view, you place the content you want the application to display. For example, you can add text fields, buttons, check boxes, etc. For more information, see Adding Content to a View.

Define alert dialogs if you need small pop-ups that display over a view. Use dialogs to:

An application can display one dialog at a time. For more information, see Defining Dialogs.