For all of you PlayBook developers: web QNX widgets!

I figured I'd share this here as well as on the BB Dev forum.

I got bored today and decided to have a look if I could create the QNX look in HTML/CSS/JS. It seems I can! So far I have created the text input field, the button and the on/off toggle widget.

It has now officially totally run out of hand so now I'll have to do them all. Tomorrow I'm gonna try to do some more. It's a 3-day weekend so who knows how much I get done.

Try this page on your playbook:

untitled

I don't know if I can do all of them (the rolling selectors are gonna be ****) but I'm sure now I'll get enough of them done so that WebWorks apps can get a pretty nice native QNX look and feel.

I'll be releasing all this stuff as Open Source so everyone can use it.

Screenshot:

http://s3.amazonaws.com/twitpic/phot...ZARNOBWrN2c%3D

nice dude
keep it a good work

I was just looking at this on the developer forum. Looks good!

Good stuff.

Thanks for this!

sweet, cant wait to see more stuff :).

Good stuff

doesnt work in FF, but i guess they work fine on the PB?

howarmat Nope they only work on the PlayBook at this point.
Eventually I'll add some wrappers to make them also work with a regular browser but I'm still thinking about a proper JavaScript architecture to make this stuff easy to use for other people. I'm first focusing on trying to make all important widgets just work and then I'll look at the architecture again.

When it eventually does work in regular browsers I guess it would be cool to use on PlayBook related websites because with this you can make the site UI look PlayBook-ish as well ;)

Looks great on the PB browser! Keep it up, can't wait to see more.

Added checkboxes today. And it also now works in regular WebKit browsers (Chrome or Safari).

Looks really good.

In the words of mr. Burns (simpsons)

"Exxxxcellllent."

Posted from my CrackBerry at wapforums.crackberry.com

Today I mostly finished select dropdowns. The code still needs a rework and all but it's mostly doing what it's supposed to do, some glitches aside.

This thing is rapidly 'running out of hand' for something that started as a boredom thingy. It has RIM's attention as well now :D

https://twitter.com/#!/BlackBerryDev...04885533442049

edit nevermind it doesnt fade it just changes colors.



hey are you tweaking right now?

i noticed you mentioned you didnt have the grey-blue fade when toggling working. i went to your pafe and saw that it wasnt. then i opened up the browser options and play with buttons and toggles to compare and when i went back to your page the fade was working!

mayne you got it working while i was playing though but its still weird because i didnt refresh the page

Ummm no the fade isn't working yet. Still have to figure that one out but it's kind of a detail I left for now.

Here's some screens of Screamager with these widgets. This is still kind of a hack but I'm hoping to actually push it to AppWorld in a few days if I don't find issues with it.

If anyone is interested in trying this you can PM me and I'll send you the bar.


Screamager UI with WebWorks QNX Widgets by i-marco, on Flickr


Screamager UI with WebWorks QNX Widgets by i-marco, on Flickr


Screamager UI with WebWorks QNX Widgets by i-marco, on Flickr

Originally Posted by TheMarco

I figured I'd share this here as well as on the BB Dev forum.

I got bored today and decided to have a look if I could create the QNX look in HTML/CSS/JS. It seems I can! So far I have created the text input field, the button and the on/off toggle widget.

It has now officially totally run out of hand so now I'll have to do them all. Tomorrow I'm gonna try to do some more. It's a 3-day weekend so who knows how much I get done.

Try this page on your playbook:

untitled

I don't know if I can do all of them (the rolling selectors are gonna be ****) but I'm sure now I'll get enough of them done so that WebWorks apps can get a pretty nice native QNX look and feel.

I'll be releasing all this stuff as Open Source so everyone can use it.

Screenshot:

http://s3.amazonaws.com/twitpic/phot...ZARNOBWrN2c%3D

Awesome works. I really love this, can I use it :D

It's on github so you can get it if you want it. That said, I recommend holding off a week or two. We're refactoring things and such at the moment.

I did just finish a version of Screamager tonight that I'm pushing to AppWorld as we speak. It's the first app to use all the widgets. It was however a pain to make it work, which is a good thing because it showed me things that need work.

It will probably be a while before this is a matter of 'include it in your app and you're ready to rock' but it's being worked on! I'm getting ready to do more widgets too.

Stay tuned and... look for the Screamager update to see the widgets in live action!

For those who have my app 'Screamager': If you update to the 2.0.0.18 version which is now on AppWorld you'll see the entire set so far in live action.