Onsen UI v1.2.0 has arrived! Introducing new features.

Image for post
Image for post

Version 1.2.0 of Onsen UI, a framework for creating hybrid HTML5 apps with Cordova and PhoneGap, has been released. In this release new UI components like alert dialog <ons-alert-dialog>, dialog <ons-dialog>, popover <ons-popover> and carousel <ons-carousel> are included.

In this article new features and changes are introduced.

Alert dialog <ons-alert-dialog>

Image for post
Image for post

In order to display an alert dialog the <ons-alert-dialog> component has been added. It can be used to ask the user for confirmation and HTML can be added freely inside the alert dialog. Also, to replace the built-in JavaScript functions window.alert(), window.confirm() and window.prompt() the following methods have been introduced:

  • ons.notification.alert()
  • ons.notification.confirm()
  • ons.notification.prompt()

Dialog <ons-dialog>

Image for post
Image for post

In addition to the alert dialog we have created a regular dialog component. Inside the dialog components like <ons-navigator> and <ons-page> can be displayed. Modal dialogs often seen in tablet apps can be created easily.

Popover <ons-popover>

Image for post
Image for post

To display a popover next to a specific element the <ons-popover> component has been added. A popover can show details about an element and is also often used to display options or an action menu.

Carousel <ons-carousel>

The much anticipated <ons-carousel> component is now available. The carousel can be set to cover the whole screen or just a part of it. Also, it can be configured to scroll both vertically and horizontally.

Command line interface

Image for post
Image for post

Slightly unrelated, but in conjunction with the v1.2.0 release, the command line tool monaca command was released. Using this tool a Cordova project using one of several Onsen UI templates can be created easily from the command-line.

Please install it with npm and try it out:

npm install -g monaca

Other changes

  • The default CSS color scheme has been changed.
  • The ons-screencomponent and other deprecated methods and properties have been removed.
  • Components to detect software keyboard changes has been added in ons-keyboard-active and ons-keyboard-inactive.
  • The included version AngularJS has been updated to v1.3.0.
  • Several bug fixes.

Please refer to the CHANGELOG for a detailed look at all the additions and changes.


Even after this release Onsen UI development will continue and many interesting features are in the pipeline. Developers using Cordova and PhoneGap to develop HTML5 hybrid apps, please try out Onsen UI and see what you think. On the official Onsen UI site documentation and sample code is available.

Please report bugs on our GitHub issues page. Also please tell us if you have any ideas for new features.

Originally published at onsen.io on November 14, 2014.

The Web Tub

Pushing the web current through hybrid mobile and PWA…

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store