Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: QNX UI look and feel in WebWorks Project

It's free. For any use. I'm still looking into picking the best license but it will be one that allows you to do whatever you want with it.

 

b.t.w. not sure what AIR has to do with this? These are for use within WebWorks apps...

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Contributor
dougneiner
Posts: 13
Registered: ‎04-21-2011
My Device: Playbook
My Carrier: AT&T

Re: QNX UI look and feel in WebWorks Project

Hey Marco!

 

I began to refactor the JavaScript, and I have button, textfield, checkbox, and toggle completed. I ran out of time this morning to start on the Select menu, but the other items are done.

 

You can see them in my "jsrewrite" branch: https://github.com/dcneiner/WebWorksQNXWidgets/tree/jsrewrite

 

I sent a pull request for this part, and I will send another one once I have the Select part rewritten.

 

You can now call $( "selector" ).qnxwidget() on any compatible control to create it as a control. Additionally, I tried to make the code as legible as possible.

 

Finally, the controls I refactored no longer need a containing element. You can could tecnically have multiple widgets within the same direct parent.



Doug Neiner - Official jQuery Team Member, Senior Designer at appendTo
http://dougneiner.com | @dougneiner
Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: QNX UI look and feel in WebWorks Project

Hi doug,

 

This sounds awesome. I guess we're now running this thing together?

 

I went ahead and attempted the first 'field test' of the original version and ran into some big issues. The original form component refuses to update when the widget attempts to do so.

 

I'm gonna try your code some time today to see if yours eliminated that problem.

 

It's great that you went ahead and refactored things. I was already planning to go to a more 'real widget' kind of structure eventually since the current code was kind of a hack.

 

 

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: QNX UI look and feel in WebWorks Project

Ok exciting stuff guys! Doug jas joined on this effort and things are chugging along quite nicely.

I decided to go bold and try to implement the widgets we have so far in a real-world situation: my Screamager app.

 

It's working mostly!!!! 

 

Screen shot 2011-06-05 at 3.36.37 PM.png

 

 

Screen shot 2011-06-05 at 3.35.52 PM.png

 

Screen shot 2011-06-05 at 3.35.13 PM.png

 

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: QNX UI look and feel in WebWorks Project

Note that this doesn't mean these components are 'done' or anything. As it stands now it requires way too much hacking to get it all to work. Eventually I'm hoping they'll be as easy to implement as regular form elements.

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Developer
colforbin13
Posts: 28
Registered: ‎03-21-2011
My Device: Torch 9800
My Carrier: AT&T

Re: QNX UI look and feel in WebWorks Project

Well Marco, I was even bolder and used your code, and actually submitted it for approval - it got approved this morning :smileyvery-happy: .  It works quite nicely, but I'm really only using the toggle switches so far.  Anyone who's interested to see how they work can download it from here: http://appworld.blackberry.com/webstore/content/32437?lang=en

 

The QNX UI widgets are in the setting screen, which you can get to from the settings button, or from a swipe down.

 

Thanks for your work on this guys, and I look forward to seeing how you continue to implement the rest of the widgets.

------------------------------------
Twitter: @ChiSoxRunner
Script. Bake. Run.
Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: QNX UI look and feel in WebWorks Project

I just submitted Screamager 2.0.0.18 to AppWorld. It's only been 9 days since I made the first button so I'm pretty pumped up about this project now. This is really awesome. Especially now that Doug has joined in I think we might very well end up with a complete set of widgets, including the hairy ones like spinners and the scroll component in dropdowns.

 

So if you want to experience the current state of affairs, look for Screamager 2.0.0.18 or higher to show up in the app catalog!

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: QNX UI look and feel in WebWorks Project

Just a heads up, Screamager 2.0.0.18 is available in AppWorld for those who want to see the widgets in real-world action.

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Device: BlackBerry PlayBook 32GB
My Carrier: Sprint

Re: QNX UI look and feel in WebWorks Project

The project is picking up speed thanks to Doug joining!

Doug is refactoring the Javascript into a proper widget structure based on the JQuery UI core which is pretty **bleep** awesome. While he's working on that I started on some disabled states and on the creation of the next widget: horizontal selectors.

 

Hell-bent to take over the WebWorks world! :smileyvery-happy:

 

 

Screen shot 2011-06-11 at 1.16.32 AM.png

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
BlackBerry Development Advisor
tneil
Posts: 3,708
Registered: ‎10-16-2008
My Device: Z10
My Carrier: Rogers

Re: QNX UI look and feel in WebWorks Project

WOW!  Freaking Fantastic!!

Tim Neil
Director, Application Platform & Tools Product Management
Follow me on Twitter
Please use plain text.