Stack Overflow
Stack Overflow

Questions tagged [onsen-ui2]

Onsen UI is an open source front-end framework for hybrid mobile apps and Websites with native look and feel.

About

Onsen UI is an open source front-end framework for hybrid mobile apps and Websites with native look and feel. It is a part of Monaca Cloud platform, a collection of development tools, including a debugger and remote build service.

Links

116 questions
5
votes
1 answer

`ReferenceError: Element is not defined` when running mocha tests on React+Onsenui app

While trying to setup a test environment I ran into the following problem. When I run the tests (using mocha ./src/test/.setup.js ./src/test/**.test.js), I get a Element is not defined error: app\node_modules\onsenui\js\onsenui.js:603 var…
corneyl
  • 418
  • 1
  • 5
  • 10
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
1 answer

Is it possible to use Onsen UI 2 in Meteor with React

I am looking to test out the new beta Onsen UI 2 in Meteor. I tried creating a package using meteorhack and browserify. https://onsen.io/2/ The steps I followed are: add meteorhacks and browserify meteor add meteorhacks:npm cosmos:browserify add…
Finglish
  • 9,692
  • 14
  • 70
  • 114
2
votes
1 answer

Onsen + VueJS: Call back from child component (using onsNavigatorProps)

Per documentation here If page A pushes page B, it can send a function as a prop or data that modifies page A’s context. This way, whenever we want to send anything to page A from page B, the latter just needs to call the function and pass some…
user1
  • 4,031
  • 8
  • 37
  • 66
2
votes
2 answers

How to use Onsen UI tabbar with Vue single file components

I'm using Vue Onsen UI and trying to render a Vue single file component for each tab. In the documentation here, they make use of template in a single page. Which is not very reusable. I want to be able to import custom component and render…
aks
  • 8,796
  • 11
  • 50
  • 78
2
votes
1 answer

Is there a way to create a scrollable dialog in onsen

Is there a way to create a scrollable dialog in onsen? problematic code: https://codepen.io/anon/pen/pWaQwB Simple dialog …
scatman
  • 14,109
  • 22
  • 70
  • 93
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

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

Error message in Monaca debug mode with Onsen UI Angular 2

I’m having template parse errors in Monaca debugger. When using monaca preview, it is running in the browser without any problem, but when I use monaca debug, I see “Error: Template parse errors: Can't bind to 'ngif' since it isn't a known property…
Ema4rl
  • 577
  • 1
  • 6
  • 17
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
0 answers

Onsen UI 2 in Angular 2 TS where to put import onsen packages.

I am following the Onsen UI 2 guide for angular 2: https://onsen.io/v2/docs/guide/angular2/index.html#loading-onsen-ui-in-angular-2. But I don't know where I should put this code: window['ons'] = require('onsenui/js/onsenui'); import {…
Enrico Mugoy
  • 21
  • 2
2
votes
1 answer

Using AngularJS with $window.sessionStorage (using Onsen UI)

I am trying to implement a simple login feature. I want to have the DOM load a different element based on whether the $window.sessionStorage.currentUserId5 session exists or not. But the conditional statement I have added to .run() just keeps using…
drew
  • 105
  • 10
1
vote
1 answer

PokeAPI - querying additional pokemon info

I'm currently learning how to use onsen.io and I'm using the PokiAPI to learn. I had helped earlier using "https://pokeapi.co/api/v2/pokemon?limit=151" to display the names of all 151 Pokemons in an ons-list thanks to @sandeep joshi. I didn't know I…
MetalBearSolid
  • 902
  • 8
  • 8
1
2 3 4 5 6 7 8