Enyo 2.0 UI widgets land, go fully cross-platform | webOS Nation

Enyo 2.0 UI widgets land, go fully cross-platform 13

by Derek Kessler Wed, 29 Feb 2012 5:12 pm EST


Squeaking in just under the February deadline (thank goodness for that extra day, eh?) is the promised release this month for the Enyo 2.0 user interface widgets. The release, as noted on the EnyoJS blog also brings the Enyo framework to beta 2 status, which comes with fuller cross platform support for "a wide range of desktop and mobile browsers, from IE 8 to iOS 5."

The UI widgets set takes after the already-established look of webOS 3.0, maintaining the three-dimensional rounded buttons and text fields aesthetic. The only easily discerned difference is in the slider grab handles, which have morphed from virtual slots to more subtle virtual grooves. The new/old look has been dubbed Onyx by the Enyo team - while it may look practically the same, the widgets were built from the ground-up for Enyo 2. This is just the initial release for Onyx, with additional updates to come in the months ahead. If you're wanting to try it out while you're waiting for developers to deploy Enyo 2.0-based apps, they've put together an Onyx Widget sampler that shows how it all looks in your browser (and that's using Enyo 2.0 code to boot).

The beta 2 release for Enyo 2 also includes a new layout library meant to help developers build flexible layouts to fit the available space of  the screen. Considering that Enyo 2.0 is meant to be deployed across multiple platforms and the web, flexibility will be a key component. With new FittableColumns and FittableRows controls, developers will be able to choose a section of their app to expand and contract to fill available space while the rest maintain their sizing. This is all done with minimal JavaScript and CSS styling limitations for developers - it's highly flexible while also seriously lightweight on the processing front.

Apart from layout and UI widgets, the Enyo 2 beta 2 release also includes improved event handling, unstyled base UI controls, and updates to improve performance for Enyo apps on iOS and Android. The Enyo 2.0b2 release is up on GitHub right now - go get it, developers!



Sounds cool. So how hard will it be for developers to upgrade existing apps to these new widgets?

existing Enyo apps should be easy. Older apps will have to be re-written, by and large. In large part it depends on how fancy the app is on how difficult will be to port it. A big factor will be HP bringing out the Graphical developer environment, Ares2, for devs like me who just dabble in it, and don't want to know all programming stuff.

Hopefully Enyo2 with Ares2 will be so easy to use that we'll see a lot more webOS apps now, and make sales on other platforms, too. (But my apps will probably stay free on webOS, in the tradition of free Palm medical apps, which are part of what got the handheld pda platform going as a tool, not just a glorified pocket calendar)

- Bishop Scores
- EquiAnalgesia
- EquiSteroidia

Interesting. Thank you very much!

sure is nice to see colored buttons from the get go!


I can confirm that the UI widgets work on an iPhone Safari browser and very well at that! And there is no lag in the sliding panes at all!

The new Enyo interface looks clean and elegant. my only quible is the instability of the sliding panes and buttons .This however seems to be a minor but inherent flaw in webOS that I never really noticed before. If I put my thumb on this window I can rock it back and forth. Maybe this gesture is also crucial ,as it enables the switching of cards and large panes. I'm not sure as I don't know how to program. Otherwise it looks fantastic. The aesthetic and color choices remind me of Olivetti from the 60's-computers and typewriters.

I'm liking the new look- there are also some fairly barebones Enyo2 w/Onyx Core Apps hidden away in the Examples folder if you look carefully. They depend on the TP's Core Apps, so they won't run in-browser.

While this all sounds interesting, I feel kind of lost with all this stuff, particularly regarding actual development. Can somebody point to an up-to-date tutorial about installing all these things on Linux/Ubuntu and to get into developing for WebOs that way?

double-posting, sorry

This is great. It's really interesting to see the development happening on GitHub too (although it just seems like the Enyo team are using GitHub on a daily basis).

The real question is though: Is this it for OTA updates now for webOS?

Love the new widget library. Can't wait to try it out!