Inspired by a comment from Flávio Fonseca, I decided to experiment with making the worklist render for a mobile device using JQuery Mobile.
Turns out it is pretty easy to do. All I did was change the style sheets and the head.jspf and tail.jspf files to slightly alter the HTML around the pages. I introduced a new variable to remember whether we are in mobile mode or not, and a couple of menu items to switch between the two. The new MobileController is responsible for the flip/flop.
All the code is in Subversion if you want to take a look. Here are a few screen shots from a 7″ Samsung Galaxy Tablet (Android 2.1) emulator. I did not do anything to make it look nicer – note that the buttons/drop down select boxes are not really well formatted. JQuery Mobile will make this look nice on a whole range of mobile devices including Android and iOS devices.
The Task List:
Task Details page:
Choosing an action to take on a task:
Comments on a task:
The ‘loading’ animation between pages:
The process instance details page:
The process audit image: