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
1
vote
1 answer

Onsen UI - 'init' event not firing in Android 4.1, 'show' event works fine

I tried adding the event listener in every possible place, inline javascript, $(document).ready and onDevideReady function for Cordova, the 'init' event never seems to fire in this version of Android. The funny thing is that the 'show' fires just…
Sartheris Stormhammer
  • 2,534
  • 8
  • 37
  • 81
1
vote
1 answer

Onsen UI ons-splitter-side events don't work

I am trying to get the postopen and postclose events working but I don't seem to have any luck. I follow the instructions here: https://onsen.io/v2/docs/angular1/ons-splitter-side.html#event-postclose So the gist of my code is like…
toraman
  • 598
  • 4
  • 14
1
vote
1 answer

Onsen Tabbar not updating correctly after state change in one tab

Below is a simple example of a Tabbar with three tabs. On the second one, I use a state variable to switch between two components when rendering. If I browse between the three tabs, everything looks ok. But once I switch the components in tab number…
Tormod
  • 11
  • 2
1
vote
1 answer

How can I tell the difference between click events and swipe events in JavaScript?

I am using OnsenUI 2 with ReactJS for developing a Cross-Platform App with Cordova. It should run on mobile devices, but it would be nice if it works on normal browsers too. I have a Carousel Element with full screen images and when the user taps on…
Eknoes
  • 508
  • 1
  • 11
  • 24
1
vote
0 answers

How to install and use Onsen2.0 right in cordova

I want to make my Cordova Apps with the Onsen2.0 framework because it looks very cool for android and ios. How do I have to use it when developing cordova Apps. I always used materialize.css where you only had to download a .css and a .js file and…
Tim Jansen
  • 73
  • 10
1
vote
1 answer

How to get ons-icon to load the icon dynamically?

I've been having an issue with using the ons-icon and angular2 for a while. {{theIcon}} While {{theIcon}} does display the proper icon…
i8abug
  • 1,692
  • 3
  • 19
  • 31
1
vote
0 answers

Error: Cannot find module 'Module Path' in React, OnsenUI and Meteor

I try using OnsenUI2 React version in Meteor.js and create a simple demo app. My full project source exist here: https://github.com/MeteorDemoApps/OnsenUI2React-demo I don’t know why but when I add import demoIconIndex from './demo/Icon/Index.jsx';…
b24
  • 2,425
  • 6
  • 30
  • 51
1
vote
2 answers

trouble with splitter and navigator in onsenUI

I have a navigator and global splitter in my app. My navigator pushes my first page as tempHome and i need set page attribute for splitter also tempHome to use the splitter. …
meisam3322
  • 11
  • 6
1
vote
1 answer

Using datepicker plugin in Onsen UI 2

In my app, I want to use native datepicker and tried to use this plugin, but failed to make it work. I just recently started working with Onsen UI 2 and haven't experience with using the plugins, so I might be missing something. I followed the…
veit270
  • 109
  • 1
  • 2
  • 9
1
vote
1 answer

swap or shuffle Page

In myNavigator at present there are three pages: bottom.html, middle.html, and top.html. I want to get the bottom.html above the top.html and for that I am calling pushPage. But there are two issues here: The stack looks like this bottom.html,…
enRaiser
  • 2,606
  • 2
  • 21
  • 39
1
vote
1 answer

onsen ui 2 : how to implement android style scrollable tabbar?

I'm making an android app using onsen-ui 2 for front-end. I'll be displaying multiple categories via tabs on one page.Since there are around 7 categories, I want to implement scrollable tab-bar like in native android apps. So, basically how to do…
guilemon
  • 132
  • 12
1
vote
1 answer

I cannot make infinite-scroll working on Onsen 2

Based on the documentation on Onsen2 (this page) on-infinite-scroll and ng-infinite-scroll should work, but I cannot make them work. and…
Reza
  • 18,865
  • 13
  • 88
  • 163
1
vote
1 answer

ons-popover 2.0 - invoke via pure javascript and not angular

I am trying to mimic this but using Onsen 2.0 without AngularJS: http://codepen.io/argelius/pen/zxGEza?editors=1010 var app = ons.bootstrap(); app.controller('DropdownController', function($scope) { …
Munsterlander
  • 1,356
  • 1
  • 16
  • 29
0
votes
0 answers

How to override default font set by a CSS library (onsen-css-components.css in OnsenUI)?

The font for my H1 element in the following page structure is being overridden by OnsenUI CSS and I can't figure out why or how to override it successfully:
Alex Kerr
  • 956
  • 15
  • 44
0
votes
1 answer

I am unable to change state with button with onsen-ui - please

I am learning Onsen-ui React and button to reset state is not working. See below a simple test case ´´´ class MyApp extends Component { constructor(props) { super(props); this.state = { myVal: 123 }; } clickTest() { this.setState({ myVal:456…
Hastings
  • 1
1 2
3
4 5 6 7 8