The Web Tub
Published in

The Web Tub

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

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>

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>

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>

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

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 on November 14, 2014.



Pushing the web current through hybrid mobile and PWA. Presented by ASIAL CORPORATION (

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