@dvlwjoffice that’s unrelated to Onsen UI, if you are building hybrid apps you need a plugin such as this one for that.

@fearnowrath if you need to navigate between pages you probably need the <ons-navigator> element present. With respect to the reference page, if you use jQuery you can target the navigator the jQuery way but you still need to call its methods (I guess that’s the “list of functions” you are looking for?) to actually switch pages. When you push a new page the previous one is not destroyed.

@dvlwjoffice using <ons-row> and <ons-col> and adding your own extra styles should be good enough for most cases.

@Yohann3396 before turning to Onsen UI you should maybe understand Angular’s module and controller system on their own first.

In your example you probably only need one module with several controllers for your pages. What ons.bootstrap does is basically initialize a module for you so you don’t need to use ng-app, either use one or the other. You can also provide a module’s name as the first parameter of ons.bootstrap, (documentation here).

@pujapawar I think you’re looking for modifier="noshadow".

@Luke-Ward you can use ons.createElement() to create the <ons-carousel> and then append it to the DOM but you need to take care of the data manually.

@Gaurav like @Fran-Diox said it’s too hard to analyze the whole code, please try to produce a minimal example that shows the problem. You cannot use those components on a version prior to 2.3.0.

@Gaurav change all your classes with tab-bar to tabbar.

@Songkeys not after but it is indeed part of the DOM rendering. You can do what @Fran-Diox suggested or if you really want to use that hook you can wait for page init, when everything is already set up:

componentDidMount() {
  document.getElementById('yourPageId').addEventListener('init', function (event) {
    console.log('input initialized', document.getElementById('input1'));
  })
}

Be careful with the extra parenthesis in your logs