Generating Code for a Mobile Workflow Package

Generate a Mobile Workflow package, customize it, and deploy it to Unwired Server to make it available to device clients.

1. Open Sybase Unwired Workspace.
2. In the WorkSpace Navigator, expand MobileWorkflow101 and double-click travelrequest.xbw.
   The package file opens in the Mobile Workflow Forms Editor.
3. In the Sybase Unwired Workspace toolbar, click the Mobile Workflow package wizard button.
4. In the New Mobile Workflow Package Generation wizard, select these options:

   Option	Description
   Update generated code	Select Generate into the project.
   Unwired Server Profile	Select My Unwired Server as the profile to associate with the mobile workflow package.
   Deploy to an Unwired Server	Select this option.
   Assign workflow to users	Select this option and click Get Users to choose one or more registered users for whom you want to deploy the package. Multiple users are separated by commas.
   Optimize JavaScript in the generated workflow package	The public JavaScript files (API.js, Callbacks.js, Camera.js, and so on) contain the client API functions that you can access for use with your Mobile Workflow package customization. By default, the wizard generates a single JavaScript file (such as SUP0.js, SUP1.js, or SUP2.js), that concatenates these files. Unselect this option if you prefer to use the JavaScript files separately. Note: If you are deploying to a BlackBerry or later device, selecting this option can make the workflow open more quickly.

   
   
   
5. Click Finish.
   The WorkSpace assigns the TravelRequest application to the user and generates the files for the mobile workflow package in a zip archive on the server. You can see the files in your project in the Workspace Navigator:
   
   

   If the package is not displayed initially, double-click the server to refresh the display.

   The mobile workflow package is added to Enterprise Explorer under the Unwired Servers/Workflows folder.
   
   
6. Add a header image to your application.
   1. Copy the image that you want to use in your header to Generated Workflow\travelrequest\html in your project folder.
      You can save the following image, or use a different graphic of your own:
      
      
   2. In Workspace Navigator, open the file, Generated Workflow\travelrequest\html\js\Custom.js for editing.
   3. In Custom.js, modify the customAfterWorkflowLoad() method to include this JavaScript:

      function customAfterWorkflowLoad() {
        var screenKey = getCurrentScreen();
        var form = document.forms[screenKey + "Form"];
        if (form) {
          var topOfFormElem = document.getElementById("topOf" + screenKey + "Form");
          topOfFormElem.innerHTML = '<img alt="header" src="header.png">'; 
        }
      }

      Note: For the src value, use the name of the image file that you saved in Step a.
   4. Save your changes to Custom.js.
7. Run the package generation wizard again, repeating Steps 3 through 5.