BlackBerry Custom Look and Feel

A custom look and feel is available for BlackBerry

In addition to the default jQuery Mobile-based look and feel for all platforms, an alternative look and feel, hybridapp_Custom.html, offers compability with the look and feel provided for BlackBerry 5.0 in earlier releases of Sybase Unwired Platform.

In hybridapp_Custom.html, each screen has a div element block. In each div is a form element where the controls are hosted. Each form has a number of divs. The first div has a span element used to display help. The next div is a built-in element that can be used to find the top of the form. The last div is another built-in element that can be used to find the bottom of the form. All the divs in the form correspond to the controls put on that screen in the Hybrid App Designer. You might get, for example, a div that holds a label and a textbox (input element).

Example 1

This example shows a Hybrid App with this look and feel, without extraneous attributes:

<html>
  <body onload="hwc.onHybridAppLoad();">
    <div id="Department_createScreenDiv">
        <form name="Department_createForm" id="Department_createForm">
          <div class="customTopOfFormStyle"  ><span id="Department_createForm_help" class="help"></span></div>
          <div class="customTopOfFormStyle"   id="topOfDepartment_createForm"></div> 
          <div class="editbox">
            <label class="left" for="Department_create_dept_name_paramKey">Dept id:</label>
            <input class="right" type="text" id="Department_create_dept_name_paramKey"/><span id="Department_create_Department_create_dept_id_paramKey_help" class="help"></span>
          </div>
        </form>  
    </div>
  </body>
</html>