Designer 10.7 | webMethods Mobile Development | Building the User Interface for a Mobile Application | Using Colors, Sizes, Styles and Themes | Using Styles
 
Using Styles
A style is a collection of common user interface properties that you can apply to most user interface elements. Using styles enables you to easily reuse properties without defining them again in every control. In addition, it eases the way to change properties as they are defined in a single spot.
*To define a style for a mobile application
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 Styles node. The Styles node is a child of the User Interface node.
3. Right-click the Styles node and select New Child > Style.
4. Select the Styles object, and in the Properties section of the Outline Editor set the properties.
5. You can define an inheritance of styles. A style inherits all properties from a parent style. If both styles define a value for the same property, the value of the child take precedence.
6. To use a Style object, open a user interface related model element (View, Table, TextField, etc). In that element, you will find the property Style, where you can select a defined style from the list. If both, the style and user interface element itself, define a property, then the property defined in the user interface element takes precedence.
Related Topics