Navigation

    Monaca & Onsen UI
    • Login
    • Search
    • Tags
    • 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
      1784
      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
      1779
      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
      6426
      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
      4439
      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
      2404
      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
      11763
      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
      8027
      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
      10762
      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
      6237
      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
      14120
      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
      3747
      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
      6353
      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
      6555
      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
      7063
      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
      4021
      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
      3050
      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
      5468
      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
      3955
      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.