Web and WebWorks Development

[astanley]

Wanted to share that the jQuery Mobile framework looks and performs really great in Web content rendered on PlayBook.

Use this framework to add great looking UI to your Browser and WebWorks applications.  Note: the PlayBook Web browser will be available in a future version of the PlayBook simulator, and the WebWorks SDK for PlayBook is available today.

If you are interested in trying it out for yourself, use the following config.xml document and the WebWorks SDK for PlayBook to produce your own sample app. This sample loads and displays live content from the jQuery Mobile Demo site (so you will need an active network connection):

<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:rim="http://www.blackberry.com/ns/widgets" version="1.0.0.0">
  <name>jQueryMobile</name>
  <description>Shows live content from the jQuery Mobile 1.0a2 Demo website.  Application created using the BlackBerry WebWorks SDK.</description>
  <author href="http://jquerymobile.com/demos/1.0a2/">Your Name Here</author>
  <license href="http://jquery.org/license"/>
  <access subdomains="true" uri="http://jquerymobile.com"/>
  <access subdomains="true" uri="http://code.jquery.com"/>
  <access subdomains="true" uri="http://jquery.org"/>
  <content src="http://jquerymobile.com/demos/1.0a2/"/>
</widget>

Happy coding.

Adam

[kemasD]

Thanks Adam!

I confirm that jQuery Mobile (currently in alpha) is working amazingly in PlayBook simulator.

I've also tried using the jQuery UI plugin (tabs plugin in this case) and it is working properly in simulator.

[mint87]

I haven't been able to successfully get jQuery Mobile working on the PlayBook sim using local files. Were you able to?

[kemasD]

Yes I did, i can do simple navigation using transition effect in my PB simulator. What's not working for you?

[mint87]

It wouldn't compile. It said that it did successfully but the .bar doesn't show up anywhere. Then when I remove all the jquerymobile folders, it actually does work.

[mint87]

Woohoo! I did get it working. I had to remove all of the hyphens in the source files (images, javascript, and css). Thanks for your reply!

[kemasD]

Yep, i forgot to mention that webwork sdk compiler wont't accept '-' character in filename. I wonder if i can rename all files automatically (using cmd rename maybe)..

[srinivas_govula]

header and footer are flickering all the time, Any suggestion woud be appriciated.

[TheMarco]

i was playing with it myself tonight and it seems to work pretty well. The only thing I noticed is the text input fields looking a bit borked at the rounded corners. Not sure if the WebKit version on the final playbook is going to be different from what's on the current simulator?

Anyway even with the mildly broken text inputs it's still something very nice to use if you want a pretty looking UI without having to dive into UI design.

[TheMarco]

Pic of the mildly borked textinput: