|For the latest features:||v0.9.6||BETA||Download as ZIP||Download as TAR.GZ|
|Last published version (v0.9.5):||v0.9.5||BETA||Download as ZIP||Download as TAR.GZ|
BlackBerry 10 Support Requires WebWorks 2.X
The objective of the bbUI toolkit is to provide a BlackBerry® User Experience and Design Language for HTML5 applications using the BlackBerry WebWorks framework. It provides common UI constructs that are found on the BlackBerry operating system so that you can create an application that follows system UI guidelines and looks at home on a BlackBerry with very little effort.
Please read the Issues List for details on known issues, feature requests and planned improvements
You can find the list of Contributors to bbUI here
Icons in "samples/images/icons" are Plastique Icons by Scott Lewis under the Creative Commons Attribution-Share Alike 3.0 Unported License as specified here.
Showcase Your Application
Have a bbUI application that you would like to showcase to other potential bbUI developers. Feel free to promote your appliation or check out what others have accomplished in the bbUI Showcase!
Handy Image Resources
Both RIM and community members have provided some images that you can use on your BlackBerry 10 action bars:
The bbUI toolkit is designed to progressively enhance its capability based on the abilities of the Web rendering engine on BB5/BB6/BB7/PlayBook and BlackBerry 10. This means that in some cases toolbars are fixed, and in others they scroll with the content. The CSS used to generate the user interface is handled by the bbUI toolkit so that you don't have to deal with the idiosyncrasies of the different layout engines.
Each of the layouts and controls use custom attributes that begin with data-bb- so that the toolkit can determine the type of control that is desired and then style it accordingly. By not adding any kind of layout logic to the screen elements, bbUI can then modify the DOM in any way that it needs in order to achieve the desired result.
Each screen you create is an HTML fragment that gets loaded into the application via AJAX to keep the size of the DOM small and memory usage to a minimum.
bbUI is designed to take advantage of the WebWorks Focus Based Navigation. The toolkit will automatically add the proper highlighting and focus based tags to your UI so that it provides standard BlackBerry trackpad navigation.
We've provided documentation for each of the controls in our wiki and you can check out the table of contents below to find the information you're looking for:
- READ ME FIRST before doing anything else
- Config.xml Requirements
- Toolkit Initialization
- Data- Attribute Reference
- WebWorks Config.xml Reference
BlackBerry 10 "Only" controls
These controls are only supported on BlackBerry 10 devices or a PlayBook that has specified that it would like to use BlackBerry 10 styling
These common controls and layouts are supported across BB6/BB7/PlayBook/BB10
- BlackBerry 10.3.0.440 (Beta)
- BlackBerry 10.2.1.2102
- BlackBerry 10.2.0.339
- BlackBerry 10.1.0.273
- BlackBerry 10.0.10.672
- BlackBerry PlayBook v2.1.x.x
- BlackBerry Torch 9860 v7.0.0.x
- BlackBerry Curve 9360 v7.0.0.x
- BlackBerry Bold 9700 v126.96.36.1996
Bug Reporting and Feature Requests
If you find a bug or have an enhancement request, please fill out a github Issue.
To build and contribute to bbUI.js please see the HACKING.md file
If you would like to contribute code to the bbUI.js project please follow the How to Contribute instructions for contributor agreements.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.