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
2
votes
0 answers

JQuery Onsen Reload/Refresh Child Ons-template page

Im try to create a Phonegap project with using Onsen framework. I'm facing a problem here that I just want to reload/refresh one of the child ons-template like every 20 seconds. Im not sure how the JQuery part can be done here. I have one ons-page…
D_9268
  • 1,039
  • 2
  • 9
  • 17
2
votes
1 answer

ZoneAwareError while integrating angular2-onsenui

did npm install angular2-onsenui@latest --save npm install onsenui@2.2.x --save npm install process@0.11.9 --save followed by the change in systemjs.config.js to map to angular2-onsenui.umd.js Here is my full systemjs.config.js /** * System…
ishandutta2007
  • 16,676
  • 16
  • 93
  • 129
2
votes
0 answers

Phonegap and SOAP web services - Content Security Policy has been added

I am using some soap web services to feed a phonegap app with onsen-ui frontend framework. When serving phonegap and viewing on chrome, everything works fine, but using the phonegap app on android phone strikes the following message on the…
tostasqb
  • 717
  • 1
  • 12
  • 28
2
votes
1 answer

Best way to debug PhoneGap app using the CLI, in a browser

I've been working with PhoneGap for a while now, and since I really had to rush into it, with no real web development experience, I might be doing a couple of things incorrectly in terms of debugging and building. First of all, I am using the…
Laureant
  • 979
  • 3
  • 18
  • 47
2
votes
0 answers

AngularJS + Onsen, ng-hide and ng-show not working

I'm using AngularJS 1 with the onsen framework to develop an app, and I'm trying out the following example: CodePen example angular.module('myApp', ['onsen', 'ngAnimate']).controller('MyCtrl', function($scope) { $scope.groups = []; for (var i =…
Laureant
  • 979
  • 3
  • 18
  • 47
2
votes
1 answer

manage splitterSide for use it as reusable component

Hi guys I want to create a new SideMenu component based on OnsenUI splitterSide demo I try this but I don't know how I can manage my sates and props. I'm new in React.js. Can someone help me to improve (fix) this? This is my component code…
b24
  • 2,425
  • 6
  • 30
  • 51
2
votes
1 answer

Onsen UI switch automatically change

I am trying to do something straight forward with Onsen UI -- automatically uncheck some checked switches. So, I have a number of switches and I want to mimic the radio-button behaviour (basically toggling one sets all others to non-checked). I am…
ilijaluve
  • 1,050
  • 2
  • 10
  • 24
2
votes
1 answer

Onsen UI 2.0 How to change Material color?

How to change the color of objects like , its always 'teal'. IOS color/design is good but for android I want to have a different color. Note: Onsen UI 2.0
Tim Jansen
  • 73
  • 10
2
votes
1 answer

Uncaught TypeError: Cannot read property 'appendChild' of null with onsen ui

I'm trying to combine the functionality of onsen ui navigation with QR Code Generator in order to obtain the functionality of QR Code Generator inside element (onsen ui elements), like so: index.html …
Greşanu Emanuel - Vasile
  • 1,297
  • 1
  • 15
  • 26
2
votes
2 answers

How do properly use Onsen's Navigator in React?

I'm trying to implement a simple Onsen Navigator in React. So far I'm receiving an error 'route is not defined' and I was looking through the examples & docs but I only saw the initialRoute prop was provided, how & where does the route prop…
Joshua Rajandiran
  • 2,788
  • 7
  • 26
  • 53
2
votes
1 answer

OnsenUI loads page in text, via a splitter

I have previously created a web app, and now I would like to integrate it with OnsenUI to enable my app to be used on all mobile devices as well as the web. I am using a splitter in a toolbar which will be the header of all pages, and it will…
rgins16
  • 349
  • 1
  • 3
  • 11
2
votes
1 answer

What's the usecase for ons.ready()?

I'm trying to build an app using OnsenUI 2 (rc12 currently) and jQuery (3.0.0). There are many examples using the ons.ready() to do ... something. What confuses me is that Getting started example on their website uses the function. (Both examples…
rancor1223
  • 356
  • 2
  • 16
2
votes
0 answers

Onsen UI with JQuery ons.ready() and onResume

Hi have an app that's close to done but I am unsure if I have the onResume and ons.ready events registered/firing properly. Sometimes the onResume fires, sometimes not. As well on Android I am getting "Argument DOM element must be attached in DOM…
MoreScratch
  • 2,933
  • 6
  • 34
  • 65
2
votes
1 answer

How can i use the data gotten from a json response in another html file using angular js

I have different html pages, after a user logs in, i have different data been sent back, and i will have to use some of this data together with my next post to a url in another html page. for instance, if a user should log in, if the user is been…
Israel Meshileya
  • 293
  • 4
  • 18
2
votes
1 answer

Displaying nested JSON in AngularJS

I have a cross platform app developed in AngularJS, Onsen UI and Monaca. On one of my pages I make a API call that returns a nested JSON object to me. I can read the JSON object using $http.get() and I can loop through the JSON and display the high…
heyred
  • 2,031
  • 8
  • 44
  • 89
1 2 3
…
76 77