Using the Composite Application Layout Editor

Use the Layout page in the composite application editor to configure and add content to the composite application. You can select from different formats or create a custom format. Formats determine the way in which the composite application displays in either the portal or a mobile device.

The Format section of this page displays different options depending on whether you chose Mobile Tab Flow, Portal Page Flow, or Portal Application Flow when you created the composite application. See Creating Composite Applications.

Format

Portal Page Flow, or

Portal Application Flow

If the composite application is either a Portal Page Flow or Portal Application Flow type, you can select from layout options of:

Full Layout – the content occupies 100% of the browser window.
30%/70% – two columns, with one column occupying 30% of the browser window, and the other column occupying 70%.
50%/50% – 2 columns with each column occupying 50% of the browser window.
Custom Layout – 3 columns, where you can select different widths from the drop-down list.
Note
The column widths added together must equal 100%.

Mobile Tab Flow

If the composite application is a Mobile Tab Flow type, you can select from these layout options:

One Tab Layout – enter a name in the Tab 1 Label field.
Two Tab Layout – enter a name in the Tab 2 Label field.
Three Tab Layout – enter a name in the Tab 3 Label field.

The Content section shows the applications that are included as content in the composite application. In this section you can perform these actions:

Content

Add	Click Add to display the Mobile Application Search dialog, from which you can add new applications to the composite application. You can add only mobile applications that are in the Approved status.
Open	Select the application you want to edit and click Open. The editor for the selected application opens.
Remove	Select the application you want to remove, and click Remove.
Preview	Select the application you want to preview and click Preview.

You can perform the above actions, and also some additional actions in the Content section by right-clicking a selected mobile application. The additional available actions are:

Add Postprocessing – allows you to add one of the post-processing types. See Setting Postprocessing Options for Advanced Mobile Applications.
Order Postprocessing – brings up the order page of the postprocessing wizard if the selected mobile application is not open in the Eclipse editor. If the editor is open, it brings up the editor's configuration preference for this page. This option is disabled if there are no postprocessing items in the mobile application.
Mark Invisible – sets the mobile application as invisible.
Mark Active – changes the state of the application from "Active" to "Inactive" and vice versa.
Validate Mobile Application – validates the application's XML code.
View Mobile Application XML – shows the XML source page for the mobile application.

Properties

Use this page to set the properties for the composite application.

Properties

Property name	Description
General	Type – defines the type of composite application. See Creating Composite Applications. Status – selects the folder to which the composite application belongs. Composite applications are normally stored in the Approved folder. Options – click Active to make the composite application available to Unwired Accelerator users. To be active, the composite application must also have a status of Approved.
Navigation Styles for Mobile Page Groups	Unwired Accelerator includes several navigation styles that allow you to format application content to display properly on a mobile device. Choose from these navigation styles: VXML Default PocketPC/PDA Phone-WML Phone-HTML M-Business Client/PDA
Roles	Assign the appropriate roles to the composite application. When you assign a role to a composite application, all users assigned that role can access the composite application in Unwired Accelerator.
Advanced Mobile Page Properties	Complete or select these advanced options. Enable Mobile Page Bar – displays the Change Layout, Add Application, Create Application, Share Page, Delete Page, and Refresh Page options to the left of the page group drop-down list. Enable Refresh Mobile Page – displays the “Refresh Page” option on the page bar. Enable Mobile Applications Title Bar – adds a title bar to the applications on this page. Enable Mobile Applications Title Bar's Widget – adds widgets (graphic icons) that let the user maximize or minimize an application. Enable Mobile Application's Border – places a border around the mobile applications. Mobile Applications Border Color – accept the default color or enter a different hexadecimal code for the border color you want. You can find a list of Web-safe hexadecimal color codes at http://www.html-color-codes.com. Enable Applications Scroller – places a scroll bar on the application if the content is larger than the specified application size. Vertical Spacing Percent – the percentage of empty page space to put between the application columns. Horizontal Spacing Percent – the percent of empty page space above and below each application row. Horizontal spacing does not add space to the top of the page. Left Margin Spacing Percent – the percent of empty page space to place on the left side of the page. Right Margin Spacing Percent – the percent of empty page space to place on the right side of the page.
Information	Displays status and information about the composite application.

Source

By default this page and the Page Source pages are not displayed. You can see the Source and Page Source pages if you set the Mobile Development editor preference to show it. See Setting Mobile Development Editor Preferences. The Source page displays the XML source code for the composite application.

Page Source

This page displays the XML source code written to the UA server for the page definition.

Creating Composite Applications

Using the Composite Application Editor

Defining the Properties for Composite Applications

Roles

Favorite Configurations

Using the Composite Application Layout Editor

Note