Customizing mobile application templates tutorial

This section shows how to customize mobile application templates, and to apply the template to an application for use on a mobile device. Figure 4-4 shows some of the template areas you can customize. The actual layout of mobile devices vary.

Figure 4-4: Template customizations

Customizing mobile application templates

1. Log in to Mobile Web Studio.

2. Select Applications in the left pane, select the customerSites application under Application Manager | Approved, and click Edit to launch Application Builder.

3. In Application Builder, select PDA from the Device Type drop-down list to customize the PDA default template.

4. Click the down-arrow next to the Template button, and select Mobile from the Template button drop-down list. The Mobile Application Template Customization window displays.

   Figure 4-5: Mobile application template customization window

   

5. Set template parameters, using the tabs in the Mobile Application Template Customization window (accept all other defaults):

   Device Select this tab to change the template name, mobile application resolution, and assigned roles:

   • Name – enter PDA Blue.

   Appearance Select this tab to change the font color, font type, and font size for a mobile application.

   • Font – select Trebuchet MS from the drop-down list.

   • Color – change color #6B875D to #0066FF.

   • Background Color – change color #6B875D to #0066FF.

   • Even Row Background Color – change color #AEC6A2 to #99CCFF.

   You can change the mobile application grid color property by entering a color Hexadecimal code (such as #6B875D) in the text box, or you can click the color palette next to the color properties, and select a color.

   Paging Select this tab to specify the number of data rows to display on the grid, and to define the appearance of the paging buttons.

   • Font – select Trebuchet MS from the drop-down list.

   • Active Button Color– change color #6B875D to #0066FF.

   Preview Select this tab to view a graphical representation of your template settings.

6. Click Save in the top right corner of the window. This saves the customization properties to the PDA template assigned to this application.

7. Click OK to confirm.

8. Click Close to exit the Mobile Application Template Customization window.

9. Click Close to exit Application Builder.

Copyright © 2005. Sybase Inc. All rights reserved.

View this book as PDF