Questions tagged [onsen-ui]

Onsen UI is a front-end framework for developing hybrid mobile apps in HTML5. It supports both Flat and Material Design and is framework agnostic.

Onsen UI provides a set of UI components for developing hybrid mobile apps in HTML5. It is built on top of Web Components and is compatible with any framework such as AngularJS, Angular 2, React, Vue, etc.

Before asking a question please take a look at the documentation since a lot of questions already are answered there.

Onsen UI is an open source project and the code is available on GitHub. It's released under the Apache license.

1153 questions
3
votes
1 answer

Slow behavior pushPage Onsen UI

I'm having problems with pushPage slide animation (slow behavior) between pages. Cordova 4.3.0 / OnsenUI 1.3.0 / iOs 8.3. Maybe fastClick isn't working!? Anyone can help me to find this bug? Code: Index.html
3
votes
3 answers

Onsen-UI how to dial with ng-click inside

I am trying to make an ons-button using ng-click to dial a number when it is clicked, in both iOS & Android. I use Cordova framework. I have used the followings but with no success:
Cadmos
  • 277
  • 4
  • 21
3
votes
3 answers

text-input get hidden on keyboard popup onsen-ui

I implemented the following but yet can't see what I am typing. I can see the suggestions while typing, but not what I am typing. Can you help me know where am I going wrong.
Leo
  • 77
  • 1
  • 10
3
votes
1 answer

Onsen setMainPage callback not working

In the following docs for onsen it shows that the setMainPage function has an optional property that allows you to specify a callback: http://onsen.io/reference/ons-sliding-menu.html#method-setMainPage It doesn't seem to work though, my callback…
geoffs3310
  • 5,599
  • 11
  • 51
  • 104
3
votes
0 answers

Onsen-UI on-scrolled function is not called

I'm using ons-scroller to load data from some site using $http. But, the function I passed to on-scrolled is never called. Here is my code. HTML
Danish Jamil
  • 1,090
  • 11
  • 31
3
votes
1 answer

How to use multiple html files in onsenui

In OnsenUI it says: "Instead of creating index.html and services.html in separate files, you can also define the page content in the same page." I don't like to have my whole app in one html file so I tried to put each template into a separate file.…
UI_Dev
  • 3,317
  • 16
  • 46
  • 92
3
votes
1 answer

onsen ons-toolbar on cordova

I'm new in cordova development. I'm using Onsen UI (1.2.1) as layout framework. I have a problem with title on ons-toolbar.
someTextHere
If I run my program on ripple, the toolbar text…
3
votes
1 answer

Removing Items from carousel with Onsen UI

I have a simple app using Onsen UI and am taking advantage of the carousel and updating the data based on whether the user swipes left or right to the current carousel element. Once they have swiped, I would like to remove that element from the…
Kevin
  • 301
  • 2
  • 13
3
votes
1 answer

OnsenUi Angular and Login

I'm trying to develop a mobile app with onsen+cordova What i need is: When the app start it load login.html page. If the app detect that the user is logged then it redirect to the home.html For each "protected page" i want to call a function that…
user2548436
  • 915
  • 2
  • 16
  • 35
3
votes
2 answers

Onsen ui navigation with parameters

I am using onsen ui with typescript and angularJS with an ons-sliding-menu:
publicDisplay
  • 41
  • 3
  • 10
3
votes
4 answers

How can I dynamically add items to an onsen-list without angular?

Then a statement in a loop that does $('#myList').append("" + variableItem + ""); And probably some sort of a refresh like so $('#myList').listview('refresh'); after exiting from…
celerius
  • 115
  • 2
  • 10
3
votes
2 answers

How to pass object from one Onsen UI page to another?

I have a js object loaded on one Onsen UI masterpage, when I called ons.navigator.pushPage('child_page.html') how can I get the js object on the child page?
Eli
  • 99
  • 1
  • 8
3
votes
1 answer

Accordion list with OnsenUI

Is this possible with OnsenUI? http://codepen.io/ionic/pen/uJkCz I am sure I saw a demo of it in the docs before the 1.1 update, but I can't find it now. Does such a demo exist and, more importantly, is it possible to do this with the framework?…
markau
  • 854
  • 8
  • 21
3
votes
3 answers

Onsen-UI - ons-tabbar page transition

I'm using ons-tabbar for app navigation, is there any "out of the box" page transition I could specify, i.e "slide in from right", when navigating tabs, or any "best practice?
Lars Anundskås
  • 1,345
  • 10
  • 24
3
votes
1 answer

OnsenUI and components.onsenui.io

Could someone please clarify me the relationships between OnsenUI AngularJS based directives and the patterns I can find on components.onsenui.io? I mean, when I find an interesting pattern, should I use plain html or are there corresponding…
Matteo Piazza
  • 2,462
  • 7
  • 29
  • 38