Navigation

    Monaca & Onsen UI
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. Tags
    3. onsen ui 2.0

    • M

      onsenui.min.js:2 Uncaught Error: [Onsen UI] Page template not found: home.html
      Onsen UI • onsen ui 2.0 tutorial • • Metalbearsolid

      1
      0
      Votes
      1
      Posts
      422
      Views

      No one has replied

    • D

      build for platform specific css components
      Onsen UI • onsen ui 2.0 css components • • diversity

      1
      0
      Votes
      1
      Posts
      611
      Views

      No one has replied

    • M

      onTouch events conflict when using with Polymer
      Onsen UI • onsen ui 2.0 ons-switch web components polymer • • markh

      6
      0
      Votes
      6
      Posts
      3578
      Views

      M

      @Fran-Diox Yes, it would be great if OnsenUI is made fully compatible with Polymer. After all, Polymer is a very good fit for the web components style that OnsenUI uses. Even better, would be Polymer versions of all the components. I did see a blog post about this on your site somewhere but don’t know whether it is something you are planning in the future?
    • J

      How to get data from a nested component
      Onsen UI • onsen ui 2.0 vue vue-onsen bindings • • jayGorio

      3
      0
      Votes
      3
      Posts
      2448
      Views

      J

      @Fran-Diox thanks for your answer.
    • Cannot resize v-ons-dialog
      Onsen UI • onsen ui 2.0 css ons-dialog • • Jearson Batanes Gomez

      1
      0
      Votes
      1
      Posts
      1288
      Views

      No one has replied

    • D

      PushPage's Title and JSON Ajax problem
      Onsen UI • onsen ui onsen ui 2.0 jquery pushpage json • • dvlwjoffice

      9
      0
      Votes
      9
      Posts
      7815
      Views

      D

      @Fran-Diox Ahh, i see. Thanks for make a very great explanation just for me. I think this thread can closed now. Thank you very much !
    • I

      Push notification with free plan
      Monaca Tools • monaca onsen ui 2.0 onsen2 monaca cli onsenui monaca power plugins • • iagor123

      6
      0
      Votes
      6
      Posts
      5201
      Views

      @joe-root That’s because there isn’t one. If you follow the second link, it walks you through with screenshots, exactly what to do.
    • R

      Proxiway - A Geo-fencing Based app designed using OnsenUI
      Showcase • cordova onsen ui 2.0 material design jquery performance • • rajatkosh

      9
      0
      Votes
      9
      Posts
      6937
      Views

      Z

      Rajatkosh just saw your website. Are you still using Onsen, because all I could see was bootstrap?
    • U

      How to react to the event of ons-list with »tappable« ons-list-items?
      Onsen UI • js core onsen ui 2.0 ons-list-item question • • uhunkler

      3
      0
      Votes
      3
      Posts
      3958
      Views

      U

      Thanks @munsterlander, I’ll try that approach.
    • U

      Fill list with new items on button click.
      Onsen UI • js core onsen ui 2.0 ons-list question codepen • • uhunkler

      6
      0
      Votes
      6
      Posts
      10553
      Views

      U

      @Fran-Diox, @munsterlander, thanks a lot for your valuable feedback, the links are very helpful. Looking at the To-do app I found answers to some questions I hadn’t asked yet.
    • S

      Open GPS enable setting page of mobile in onsen UI
      Developer Corner • onsen ui cordova onsen ui 2.0 onsen2 onsen1 • • sagar

      1
      0
      Votes
      1
      Posts
      2306
      Views

      No one has replied

    • T

      ons-input and datalist
      Onsen UI • onsen ui 2.0 ons-input autocomplete datalist • • tiralcodes

      5
      0
      Votes
      5
      Posts
      3473
      Views

      E

      @geraldineak How about this? You can copy and paste it into the playground to try it: https://onsen.io/playground/ HTML <ons-page> <p style="text-align: center; margin-top: 10px;"> <ons-search-input placeholder="Search" oninput="input()" id="search" ></ons-search-input> </p> <ons-list> <ons-lazy-repeat id="infinite-list"></ons-lazy-repeat> </ons-list> </ons-page> JS const allItems = ['hey', 'there', 'here', 'are', 'some', 'options']; let shownItems = []; ons.ready(function() { const infiniteList = document.getElementById('infinite-list'); infiniteList.delegate = { createItemContent: function(i) { const element = ons.createElement('<ons-list-item>' + shownItems[i] + '</ons-list-item>'); element.onclick = () => fill(shownItems[i]); return element; }, countItems: function() { return shownItems.length; } }; infiniteList.refresh(); }); // updates list of options on input function input() { const inputValue = document.getElementById('search').value; if (inputValue === '') { shownItems = []; } else { shownItems = allItems.filter(item => item.startsWith(inputValue)); } document.getElementById('infinite-list').refresh(); } // sets input value to clicked option function fill(clickedOption) { document.getElementById('search').value = clickedOption; shownItems = []; document.getElementById('infinite-list').refresh(); }
    • T

      textarea
      Onsen UI • onsen ui 2.0 textarea • • tiralcodes

      3
      0
      Votes
      3
      Posts
      4743
      Views

      T

      Thanks fran! I’ll be looking for your update and more power!
    • Solved How to pass data between pages?
      Onsen UI • onsen ui 2.0 • • anderson

      3
      0
      Votes
      3
      Posts
      4983
      Views

      @Fran-Diox Thank you! :+1:
    • C

      Data binding not working fine
      Onsen UI • angular 1 onsen ui 2.0 • • cedric.onsen

      2
      0
      Votes
      2
      Posts
      2632
      Views

      @cedric.onsen Just check this tutorial. Among other things, I think you want to use ng-model instead of ng-bind. You can add <ons-input ng-model="page.title"></ons-input> to the code to test it.
    • K

      Using Facebook Login, but error
      Onsen UI • angular 2 onsen ui 2.0 facebook • • koheiokazaki141

      1
      0
      Votes
      1
      Posts
      1822
      Views

      No one has replied

    • P

      Unsolved How to implement dynamic ons-tab with ons-lazy-repeat
      Onsen UI • angular 1 onsen ui 2.0 ons-tabbar ons-tab ons-lazy-repeat • • Prior Famous Ehichioya

      4
      0
      Votes
      4
      Posts
      3269
      Views

      P

      @munsterlander Thanks for your reply. Yes indefinite amount of tabs.
    • C

      monaca build does not compile jsx
      Onsen UI • react onsen ui 2.0 monaca cli • • coolman

      2
      0
      Votes
      2
      Posts
      2565
      Views

      @coolman monaca preview is for development and loads everything in memory for faster debugging. If you want to test your app in real devices I’d recommend you using Monaca Debugger (and just run monaca debug in the CLI). That will put all the transpiled files in the device and refresh the app whenever you modify your code. Otherwise, just run monaca transpile to perform an actual transpilation of your coed and generate files.
    • V

      Solved angular2-onsenui-kitchensink not working
      Onsen UI • angular 2 onsen ui 2.0 github • • Viatorus

      5
      0
      Votes
      5
      Posts
      4801
      Views

      @lapisanlangit As it was already mentioned, the kitchen sink is already updated. And it’s on Github. most of tutorial in documentation using reactjs I think the tutorial app has exactly the same examples in React and in Angular 2.