WE BLOG ABOUT LOTUS NOTES ... FOR MORE THAN 15 YEARS

xPages and JQuery Mobile Framework - we use it and we like it !

David Marko  26 July 2011 15:26:26
Just a little note for those interested in mobile development using Domino and xPages. We use and can recommend using jQuery Mobile Framework with Domino and xPages. Yes its working ... and its working fine. You just need to link appropriate JQ Mobile CSS and Javascript (and jQuery itself) and to switch off the xPages theme(I simply created a new theme that doesnt extend any existing IBM theme)

Image:xPages and JQuery Mobile Framework - we use it and we like it !

Some reasons why we have decided to not to use Dojo Toolkit mobile support itself or xPages Mobile Controles from openNTF:
  • JQ Mobile is independent on version of  DojoToolkit. Current  Domino server is 2 versions behind the current DojoToolkit (with latest greatest mobile features ...) and it seems that it doesnt change soon, because when 8.5.3 come with Dojo 1.5, Dojo itself will be 1.7 :-)   ... yes there are some ways how to switch Dojo toolkit on Domino ... but we have had many related problems around :-(
  • there is a huge effort behind the JQ Mobile to have maximum platforms supported (see the compatibility matrix below) ... its sweet
  • easy to use - documentation is fine, the entire concept based on HTML5 'data-' attribute is very clear (here we eagerly wait on final Domino 8.5.3 with  new "attribute list" feature for xpages components ... see my post here)
  • its lightweight - JQ Mobile is one CSS, one JS and just a few images. And whats more you can reference it from CDN hosting, so don't actualy need any local JQ Mobile files (at least for development ...)


Image:xPages and JQuery Mobile Framework - we use it and we like it !
Comments

1Miguel Angel Calvo  28.07.2011 9:07:52  xPages and JQuery Mobile Framework - we use it and we like it !

Hi David,

You're right regarding changing Dojo release at server side. We've been also suffering from browser problems whit newest Dojo releases and Domino. But it seems that it 's going to change in Domino 8.5.3 and you'll be able to deploy and choose Dojo release to be used in a per application basis

And I agree, Dojo 1.7 is the release for mobile development.

2Lars Buntrock  28.07.2011 10:03:34  xPages and JQuery Mobile Framework - Problem with fixed header/footer

Hello!

JQuery is a good mobile framework! However, I have problems with fixed header and footer. When scrolling, the header/footer are hidden and if the scrolling is finished the header/footer are displayed again. Not good for the userbility ;-)! I use a XPages section (in a repeat control) in the scrolling area. But after some time, if I expand/collapse a section the header / footer lost.

Is there any solution (for both problems) with jQuery? But even with wink and Dojo is the result not much better.

3David Marko  28.07.2011 13:29:08  xPages and JQuery Mobile Framework - we use it and we like it !

@Lars Buntrock

When scrolling, the header/footer are hidden and if the scrolling is finished the header/footer are displayed again

### Its the way how it works. Its even described in documentation ... I like it because you get more space when scrolling on small device.

I have connected JQMobile sources to latest trunk version .There are amy problems/bugs solved already ... see details on bottom of this post

{ Link }

4Lars Buntrock  28.07.2011 13:55:00  xPages and JQuery Mobile Framework - we use it and we like it !

@David:

Thanx for the info. I will check it out....
TOPlist