Working on an Interaction Component 

Use

You design interaction components in the Mobile Application Studio (MAS) designer window. The following table summarizes the tasks involved in designing the various types of interaction components.

You can also design an interaction component by changing its property values in the Properties window.

Interaction Component	Design tasks
Tile	·        Associate one or more data sources ·        Add and arrange labels, controls and fields ·        Specify a business anchor hierarchy to create dependencies between multiple data sources ·        Specify hyperlink sources for desired controls
Tile set	·        Assign tiles and specify tile captions in the tile containers ·        Map business anchors from tiles ·        Specify business anchor hierarchies to create dependencies between multiple data sources ·        Write supply functions, if necessary
Business component	·        Assign tile sets and specify captions in the tile set containers ·        Map business anchors from tile sets ·        Specify business anchor hierarchies to create dependencies between multiple data sources ·        Write supply functions, if necessary
Application	·        Assign business components and specify captions in the business component containers ·        Link hyperlink sources in tile to hyperlink targets in appropriate tile sets

 

Prerequisites

You have created the interaction component.

Procedure

Viewing details of an interaction component

       1.      In the Solution Explorer, locate the interaction component for which you want to view details.

       2.      Click the interaction component with the secondary mouse button and choose View.

The interaction component designer and the Properties windows appear.

Changing details of an interaction component

...

       1.      In the Solution Explorer, locate the interaction component for which you want to change details.

       2.      Click the interaction component with the secondary mouse button and choose Edit.

The interaction component designer and the Properties windows appear.

       3.      In the Properties window, select the appropriate field and make the desired change.

       4.      Choose Save.

Viewing the scripts for an interaction component

...

       1.      In the Solution Explorer, locate the interaction component for which you want to view scripts.

       2.      Click the interaction component with the secondary mouse button and choose View.

       3.      From the application toolbar, choose View ® Other Windows ® Document Outline.

The Document Outline window appears.

       4.      In the Document Outline toolbar, choose the Scripts View pushbutton.

The Script View window displaying a hierarchy of nodes for the programming objects appears.

       5.      Choose a node to view the objects that exist in that category.

¡        To view contents of a method or an event handler, in the Solution Explorer, click the interaction component with the secondary mouse button and choose View Code.

The code window for that interaction component opens.

¡        To view the code of a method or an event handler, return to the Script View window and click the method or event handler whose code you want to review with the secondary mouse button and choose View Code.

In the context menu, make sure Auto Synchronize with code has a checkmark by it.

The code window scrolls to the selected script.

Creating properties, methods, events, and event handlers

...

       1.      In the Solution Explorer, locate the interaction component for which you want to create properties, methods, events, or event handlers.

       2.      Click the interaction component with the secondary mouse button and choose View.

       3.      From the application toolbar, choose View ® Other Windows ® Document Outline.

The Document Outline window appears.

       4.      In the Document Outline toolbar, choose the Scripts View pushbutton.

The Script View window displaying a hierarchy of nodes for the programming objects appears.

       5.      Click a node for the object you want to create with the secondary mouse button and choose New.

The New Object? dialog box appears.

       6.      Enter data in the appropriate fields.

If you want to write a script for a method or event handler immediately after creating the object, choose Edit this code after creation.

       7.      Choose Confirm to save.

Changing script for existing methods and event handlers

...

       1.      In the Solution Explorer, locate the interaction component for which you want to create properties, methods, events, or event handlers.

       2.      Click the interaction component with the secondary mouse button and choose View.

       3.      From the application toolbar, choose View ® Other Windows ® Document Outline.

The Document Outline window appears.

       4.      In the Document Outline toolbar, choose the Scripts View pushbutton.

The Script View window displaying a hierarchy of nodes for the programming objects appears.

       5.      Expand the appropriate node and locate the object for which you want to change the script.

       6.      Click the method or event handler object with the secondary mouse button and ensure that Auto Synchronize with code has a checkmark by it. (If it does not have a checkmark, choose it.)

       7.      In the Solution Explorer, click the interaction component with the secondary mouse button and choose View Code.

       8.      Return to the Script View window and select the method or event handler you want to change.

                   8.The program window scrolls to that script.

       9.      Edit the script as desired and choose Save.

Deleting an interaction component

       1.      In the Solution Explorer, locate the interaction component that you want to delete.

       2.      Click the interaction component with the secondary mouse button and choose Delete.

       3.      Choose OK in the Confirm Delete dialog box.

You cannot delete an interaction component if it is included in the higher-level interaction component.

You cannot delete a tile, if it is included in a tile set.

Displaying the version tree of an interaction component

       1.      In the Solution Explorer, locate the interaction component for which you want to see the version tree.

       2.      Click on the interaction component with the secondary mouse button and choose Version Tree.

A graphic representation of different versions of the interaction component appears in its own window.

       3.      To view details of a specific version of an interaction component, double-click the version number in the tree.

Transferring ownership of an interaction component

You can transfer the ownership of:

·        A single interaction component

·        An interaction component along with its components

You can transfer the ownership of only the tile set or a tile set and the included tiles.

...

       1.      In the Solution Explorer, locate the interaction component for which you want to see the version tree.

       2.      Click on the interaction component with the secondary mouse button and choose Transfer Ownership.

The Change List – Ownership Transfer window appears.

       3.      Choose either the Object or the Object and children option.

       4.      Choose Release.

Navigating from a higher-level interaction component to a lower-level interaction component

       1.      In the Solution Explorer, expand the level of the interaction component for which you want to view the assigned interaction components.

For example, expand a tile set.

       2.      Repeat step 1 for each interaction component to view its assigned interaction components.

       3.      If you want to view the interaction component in the designer window, click the interaction component with the secondary mouse button and choose View Designer.

The respective interaction component is displayed in the designer window.