Welcome to the CrackBerry Forums Create Your Account or Ask a Question Answers in 5 minutes - no registration required!
Results 1 to 18 of 18
  1. TheMarco's Avatar
    CrackBerry Addict

    Posts
    647 Posts
    Global Posts
    1,347 Global Posts
    Thread AuthorThread Author   #1  

    Default 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:

    Thanked by 10:
    jajano (05-29-2011),  kyopo (05-29-2011),  louis.keeper (06-06-2011),  louzer (06-06-2011),  mscooley (05-29-2011),  murnende (05-31-2011),  rbeste (05-30-2011),  rjkolo (05-29-2011),  yaytaco (05-29-2011),  zoso28 (05-29-2011) 
  2. jajano's Avatar
    CrackBerry Abuser

    Posts
    108 Posts
    Global Posts
    116 Global Posts
    #2  

    Default

    nice dude
    keep it a good work
  3. Tsudeily's Avatar
    CrackBerry Addict

    Posts
    683 Posts
    Global Posts
    776 Global Posts
    #3  

    Default

    I was just looking at this on the developer forum. Looks good!
    Profanity and vulgarity are the linguistic crutches of inarticulate twits.
  4. #4  

    Default

    Good stuff.
  5. yaytaco's Avatar
    CrackBerry User

    Posts
    16 Posts
    #5  

    Default

    Thanks for this!
  6. drethos's Avatar
    CrackBerry Addict

    Posts
    768 Posts
    Global Posts
    931 Global Posts
    #6  

    Default

    sweet, cant wait to see more stuff .
  7. P.B.B's Avatar
    CrackBerry Abuser

    Posts
    158 Posts
    #7  

    Default

    Good stuff
  8. #8  

    Default

    doesnt work in FF, but i guess they work fine on the PB?
    ~Matt
    OnePlus One, Nexus 5, Z10 LE, White Lumia 521, 32GB Nook HD+ & 16GB PB, 32 GB Dell Venue 8 Pro
    @howarmat
  9. TheMarco's Avatar
    CrackBerry Addict

    Posts
    647 Posts
    Global Posts
    1,347 Global Posts
    Thread AuthorThread Author   #9  

    Default

    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
    Thanked by:
    lotuslanderz (05-29-2011) 
  10. rjkolo's Avatar
    CrackBerry Addict

    Posts
    939 Posts
    Global Posts
    944 Global Posts
    #10  

    Default

    Looks great on the PB browser! Keep it up, can't wait to see more.
    Talk is cheap because supply exceeds demand.
  11. TheMarco's Avatar
    CrackBerry Addict

    Posts
    647 Posts
    Global Posts
    1,347 Global Posts
    Thread AuthorThread Author   #11  

    Default

    Added checkboxes today. And it also now works in regular WebKit browsers (Chrome or Safari).
  12. axe50's Avatar
    CrackBerry Addict

    Posts
    521 Posts
    #12  

    Default

    Looks really good.

    In the words of mr. Burns (simpsons)

    "Exxxxcellllent."

    Posted from my CrackBerry at wapforums.crackberry.com
  13. TheMarco's Avatar
    CrackBerry Addict

    Posts
    647 Posts
    Global Posts
    1,347 Global Posts
    Thread AuthorThread Author   #13  

    Default

    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

    https://twitter.com/#!/BlackBerryDev...04885533442049
  14. offthahorseceo's Avatar
    CrackBerry Addict

    Posts
    901 Posts
    Global Posts
    921 Global Posts
    #14  

    Default

    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
    Epic Falcon vs Squirrel Recorded by PlayBook | follow @offthehorse | Download my FREE game for PlayBook: Lowrider on AppWorld|
    8300-8800-8310-9000-9700-9800-9810-9900! Z10-Q10
    XBOX Live Gamertag: Crunkatron
  15. TheMarco's Avatar
    CrackBerry Addict

    Posts
    647 Posts
    Global Posts
    1,347 Global Posts
    Thread AuthorThread Author   #15  

    Default

    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
  16. louis.keeper's Avatar
    CrackBerry Abuser

    Posts
    370 Posts
    PIN
    2AB81EB6
    #16  

    Default

    Quote Originally Posted by TheMarco View Post
    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:

    Awesome works. I really love this, can I use it
  17. TheMarco's Avatar
    CrackBerry Addict

    Posts
    647 Posts
    Global Posts
    1,347 Global Posts
    Thread AuthorThread Author   #17  

    Default

    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!
    Thanked by 2:
    louis.keeper (06-07-2011),  skyscraper04 (06-07-2011) 
  18. TheMarco's Avatar
    CrackBerry Addict

    Posts
    647 Posts
    Global Posts
    1,347 Global Posts
    Thread AuthorThread Author   #18  

    Default

    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.
    Thanked by:
    louis.keeper (06-09-2011) 

Posting Permissions