Stack Overflow
Stack Overflow

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
4
votes
1 answer

Add a login page in my Onsenui app

I'd like to set a login page before entering the main page. How can I do that just before this instruction : I use The Monaca IDE Thanks for the help Charles
charlesen
  • 65
  • 1
  • 7
3
votes
1 answer

OnsenUI Navigator + React failed to navigate

I have been banging my head against wall for days due to the issue as mentioned in the title. I was trying to implement navigation function using Onsen UI and React. However after I click to navigate, the UI navigates to a blank page, and…
tnkh
  • 1,749
  • 2
  • 14
  • 30
3
votes
1 answer

How do I save the value of "ons-select" into a variable for JavaScript?

I'm trying to make a code in Onsen Ui whichsaves the date in a variable, and displays the value selected as an alert in JavaScript. Here's a snippet of my code so far: function exfunction() { var MONTH = document.getElementById("Month"); …
Ved Tiwari
  • 310
  • 4
  • 12
3
votes
0 answers

20px margin at the top of mobile screen

As you can see below, there is a different at the top of the screen. (live app) this one is ok no, gap... (test app) this one is not ok, has 20px gap... So surely I cannot update my app if this problem wont go away. I am using OnsenUI here. The…
Iyas
  • 520
  • 1
  • 11
  • 40
3
votes
1 answer

OnsenUI : uncaught ReferenceError: setImmediate is not defined

Onsen UI throwing error while dynamically rendering the onsen's js and css. But It's working when i using it in static htmls. Error: Uncaught ReferenceError: setImmediate is not defined internal.js:52 Uncaught ReferenceError: setImmediate is not…
Saravanan S
  • 123
  • 1
  • 13
3
votes
2 answers

How can I use the ng-value to post the id of the user in MySQL

So I'm making an mobile web app and i have a form where they make appointments and save them into MySQL server. I need to send the user id hidden. I have it already in the ng-init. and I have a controller that get it and it can be used to put it in…
Ivan Montes
  • 91
  • 10
3
votes
2 answers

react onsenui mocha test error "Error: Invalid state"

After I update react-onsenui from 0.7.3 to 1.0.0 . I use mocha to test my webapp. error occured like this: Error: Invalid state at /Users/*****/node_modules/onsenui/js/onsenui.js:581:11 onsenui.js' code is like this: throw new Error('Invalid…
haiyang
  • 310
  • 3
  • 8
3
votes
1 answer

Onsen UI PostPush event callback fires multiple times

I am working on an OnsenUI powered app. It is having multiple pages. I am using postpush event to fire my ajax requests for data. Like below. $scope.navi.on('postpush', function () { //ajax code here }); Now the issue is, my complete code looks…
Ritesh Kedar
  • 31
  • 1
3
votes
1 answer

Onsen - UI/HTML5 with React Native

Is there a way to use Onsen-UI as a UI front end, or just regular HTML5, with React Native? I know React Native was meant to be used alongside React.js, but there's two reasons why I'd like to use a different front end framework like Onsen or Ionic.…
Tossel
  • 31
  • 2
3
votes
1 answer

Cordova app freeze on iOS 9.2

I'm in a team and we are building an app with Cordova. The Android version works well, but the iOS version has a strange behaviour... it randomly freezes. There is no error, we didn't find no way to trace something strange. Sometimes the app starts…
JD76
  • 73
  • 6
3
votes
1 answer

ng-repeat not working with onsen ui

I'm going nuts, this is such a small thing but I can't find a solution... I have this js file (the angularjs app is initialized in the begining of the html document) app.controller('slidingMenuCtrl', function($scope) { $scope.categories = [ …
user3820203
  • 130
  • 1
  • 2
  • 11
3
votes
2 answers

Onsen UI Navigator prevent double click

I have an on-list with items that I allow users to click on. Clicking on an item takes the user to a details page. If you click fast enough it's possible that two click events get fired taking the user to one details page, then another. Is there a…
MoreScratch
  • 2,933
  • 6
  • 34
  • 65
3
votes
2 answers

Run process before load page

i am using cordova 6 with onsen-ui,jquery and javascript. So i am trying to make a simple login site, but i need to get if gps is active. I want to know WHERE i must do that validation. Now I do the following on ons.ready() event. var options =…
sonseiya
  • 488
  • 3
  • 14
  • 31
3
votes
2 answers

how to use onsen-ui 2.0 to use flat design on iOS and material on Android ?

Onsen-ui 2.0 provides material and flat components. If we want to follow vendor design guidelines we should use material for android and flat for ios. How should I do without using full switch android or ios on my templates ?
Victor Dias
  • 605
  • 6
  • 14
3
votes
1 answer

Onsen-UI splitter-side always closed

I'm currently developing a phonegap app with OnsenUI and I want to use ons-splitter to create a sliding menu without angular. However, I have an issue with splitter-side as it seems to be developed in a way where it is always open in one of the…
quake
  • 103
  • 1
  • 10
1 2 3
…
76 77