Designer 10.7 | webMethods Mobile Development | Building the User Interface for a Mobile Application | Adding Views to the Application’s User Interface
 
Adding Views to the Application’s User Interface
To add a view to the user interface, you add a ListView, NavView, View, SideView, WebView, or TabView object to the model. You can then reference the view in your model to display it in a pane or transition to it when a user-initiated event occurs.
*To add a view to the user interface
1. Ensure the mobile project is open in the Outline Editor. For instructions, see Displaying a Mobile Project in the Outline Editor.
2. In the Model section of the Outline Editor, expand the outline so that you view the Views node.
3. Right-click the Views node and select New Child > child_object, where child_object is the name of the type of view you want to add.
For a description of the types of views you can add, see Objects to Use for Views.
4. Set the properties for the view.
For more information, see Setting Properties in the Outline Editor.
For descriptions of the properties, see:
* ListView Properties
* NavView Properties
* View and SideView Properties
* WebView Properties
* TabView Properties
5. To use the view in the user interface, you can do one or more of the following:
*To display the view when using a pane configuration, specify the view in the Start View property of the PaneDefinition object.
*To transition to the view when a user-initiated event occurs, set the View property of the specific Transition event action object. For more information, see Objects to Use for Event Actions and Transition Properties.
You can also add code to your application logic to programmatically transition to the view. For more information, see Logic to Transition to Another View.
Tip:
To update the Java classes that Mobile Development generates for the project so that your changes are represented in the generated sources, save the project and regenerate sources. For instructions, see Generating Sources for a Mobile Project.
Related Topics