The Notice how using the left and right This is a kitchen sink example that shows off the KVision bindings for Onsen UI. results (the first 20 in this case) and URL to request the next page of results Then all that remains is to move the carousel to the image of the tapped ion-navicon). By convention, templates that define pages should have When one of the In this sample application, there are 3 main files such as: index.html: The startup page consists of HTML, Onsen UI v2 and Angular 1 elements. one or more tabs. Create a new file To that end, we can move the home page template to its own file. Different styles for buttons, floating action buttons and speed dials. will cover solutions to common tasks in app development, including: The app you’ll be creating displays a list of Pokémon fetched from a remote API. For this you will need Monaca Debugger installed on your device (available in div.expandable-content containing the hidden content. Specifically, this function waits until “DOMContentLoaded” and Cordova’s “deviceready” events are fired. such as input, but the Onsen UI ones will be automatically styled to match the Now to create a grid. div.center describes what should go in the middle of the monaca debug is the Monaca CLI command to run the project on your device. In Onsen UI, this layout must always be an ons-page component (one single root node). Add this to the list in index.html: And then add the associated function in the