This look-and-feel is simple and can be used on all platforms, including Windows Mobile.
Choose the Optimized for performance option when you configure Mobile Workflow Forms Editor preferences. For this look-and-feel, the layout of the HTML at a high-level is as follows:
<html> <body onload="onWorkflowLoad();"> <div id="Department_createScreenDiv"> <ul id="Department_createScreenDivMenu" class="menu"> <li><a class="nav" name="Create" onclick="menuItemCallbackDepartment_createSubmit_Workflow();">Create</a></li> <li><a class="nav" name="Cancel" onclick="menuItemCallbackDepartment_createCancel();">Cancel</a></li> </ul> <form name="Department_createForm" id="Department_createForm"> <table class="screen"> <tr> <td colspan="2"><span id="Department_createForm_help" class="help"></span></td> </tr> <tr> <td colspan="2" id="topOfDepartment_createForm"></td> </tr> <tr> <td class="left"><label for="Department_create_dept_name_paramKey">Dept name:</label></td> <td class="right"><input class="right" type="text" id="Department_create_dept_name_paramKey"/><span id="Department_create_Department_create_dept_name_paramKey_help" class="help"></span></td> </tr> <tr><td colspan="2" id="bottomOfDepartment_createForm"></td></tr></table> </form> </div> </body> </html>