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

Onsen-UI Swipe Navigation

I'm trying to figure out how to implement the "android" feel on Onsen-UI by using the 'swipe' navigation. I tried implementing idangerous swiper, but not having much luck. My idea is to combine: http://codepen.io/negibouze/pen/jEvOYz enter code…
Mark B
  • 167
  • 3
  • 13
4
votes
1 answer

How can I push or replace page inside a Navigator Onsen UI?

i am developing an app with cordova + Onsen UI. I would like to know how can I use the .popPage() method to a navigator content. Is it possible? I read and read and read but did not understood exactly the mean for a navigator. I tried to get all…
Dyego Oviedo
  • 308
  • 4
  • 15
4
votes
1 answer

PopPage with returning parameters with Onsen UI

I have two pages: page1.html has a button that opens page2.html with pushPage('page2.html'). Then I would like to have a selectable parameter (I'm using radio buttons) to be returned to page1.html, so I use $scope.appNavigator.popPage({myParam:…
Pablo Aguirre
  • 43
  • 5
4
votes
1 answer

Cordova android:Loading data from database with infinite scrolling in onsenui

I am developing a hybrid mobile app with Onsenui and Cordova in android in which i want to display some data in home page and load more items when scroll down. I know this is accomplished using ons-infinite-scroll Here is what i am…
Blessan Kurien
  • 1,645
  • 9
  • 31
  • 63
4
votes
1 answer

How to use lazy repeat to display more than one item per line?

Instead of displying the items one above one as in the basis example Item#1 Item#2 Item#3 what can i arrange items in two or three columns per row as below ? Item#1 Item#2 Item#3 Item#4 Item#5 Item#6 Item#7 Item#8 Item#9
deovince
  • 41
  • 1
4
votes
1 answer

Why doesn't JSON data load immediately in my HTML page?

This is my controller, that takes JSON data to Wordpress : app.controller('AboutController', function($scope, $http) { $scope.device=device; var page_id = 2; $.ajax({ url:…
pinostack
  • 85
  • 1
  • 9
4
votes
1 answer

Javascript not working in ons-template of Onsen UI

I'm trying to integrate panzoom in Onsen UI to allow zooming of images. However it only zoom if it put in under ons-page. It won't work under ons-template. This is my code which is not work.
user2872856
  • 2,003
  • 2
  • 21
  • 54
4
votes
1 answer

Set ons-switch with predifined values from Angular controller

I cannot seem to get the correct way to set the 'checked' attribute in ons-switch. This is so that I can setup user configurations page with pre-checked select boxes. The Docs: This is a checked switch but how do I set this using a variable in an…
Gibbet
  • 143
  • 9
4
votes
3 answers

AngularJS OnsenUI reload parent page on nav.popPage() in child page

I'm calling a function on ng-init and in that page I'm pushing a new page to the pageStack of navigator on a button click. And in the child page I'm popping the current page. Now I want to reload the parent page when the child page is removed from…
Danish Jamil
  • 1,090
  • 11
  • 31
4
votes
5 answers

onsen-ui background images like on http://onsen.io/

Figured this would be somewhere on the site since all 3 example images are like that: Maybe its done with phonegap? No worries there. I tried setting the ons-navigator and various items to transparent, background colors all over, etc. Anyone know…
Will Bowman
  • 407
  • 9
  • 20
4
votes
1 answer

Navigationbar text in not centered on device when using onsen ui

I have downloaded default master-detail template from onsen ui, and then developed an cordova mobile application based on it.The header title in navigation bar is centered on pc-browser and chrome ripple, but not on device. On device it will stick…
Reza
  • 18,865
  • 13
  • 88
  • 163
4
votes
1 answer

Swipe between tabs items, onsen-ui

I'm using onsen-ui (v1.14), and I'm trying to swipe between tabs, like on facebook messenger, but I'm not able to make it work. I've tried using the "setActiveTab" function with ons-gesture-detector, in several combinations, but none worked.
Victor Fernandez
  • 53
  • 4
4
votes
3 answers

Onsen-ui: ons-button submit doesn't submit the form

I have constructed a normal form in onsen-ui, but if I try to use ons-button instead of a normal button, the form does not submit. Submit
Daniel Alexiuc
  • 13,078
  • 9
  • 58
  • 73
4
votes
2 answers

Can i add two sliding menu on left and right in same page using onsen ui

I used onsen ui to create sliding menu like flipkart. i used attribute side=left/right to open menu on left or right, But i required to different menu on left and right with same abovepage. When i used two different first menu is not working. I…
Amol
  • 41
  • 2
4
votes
1 answer

How to control page routes in the controller?

OnsenUI is great. Fast and easy. However, there is not much documentation for controlling Onsen logic in the controller. Like for instance, I want to do a $location.path('/newpath') inside a controller. How is done in Onsen? I tried…
SOF
  • 177
  • 3
  • 12
1 2
3
…
76 77