Using Sizes

Designer 10.5 | webMethods Mobile Development | Building the User Interface for a Mobile Application | Using Colors, Sizes, Styles and Themes | Using Sizes

Using Sizes

Similar to colors, you can also define sizes. A size is an integer value to be used as a property for any dimensional user interface property, e.g. innerX, height, position X.

To define a size 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.

3. Expand the Styles node, select the Values node, and select New Child > Size.

4. In the Properties section of the Outline Editor, define a unique name in the Name field (e.g., defaultInnerX) and a size value (e.g., 2) in the Value field.

Note:
If you press CTRL + SPACE in the Value field, a list of all defined sizes is shown.

5. Save the Ouline Editor.

Note:
(Android only) All defined sizes will be saved in a dimens.xml resource file to be used in your Android project, e.g. for native injections. For more information, refer to https://developer.android.com/guide/topics/resources/more-resources.html#Dimension.

You can easily use the size in the user interface. Open a model element that contains a size property. In that property, specify the name of the previously defined size object. If you press CTRL + SPACE, a list of all selectable defined size objects is shown.