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

Tab bar makes the page unclickable

When i add a ons-tabbar to my page it overlaps my entire page so that i can't click on anything except the tabs itself. My page looks like the following (each page has it own html file):
Jamie
  • 3,031
  • 5
  • 36
  • 59
5
votes
0 answers

Onsen UI + LokiJS: loki is not defined?

According to LokiJS: in-memory NoSQL datastore for Cordova apps I embedded loki-angular.js and then write the following script: var onsen = angular.module('app', ['onsen', 'lokijs']) .config(['$httpProvider', function($httpProvider) { }]); After…
fmchan
  • 760
  • 1
  • 11
  • 29
5
votes
0 answers

Using noparse option of browserify

I'm having issues including a third party library that does not need to be parsed by browserify using the noparse option. Doing the following results in an error (provided below) $> npm install onsenui@2.0.0-alpha.6 $> npm install browserify $> echo…
jondavidjohn
  • 61,812
  • 21
  • 118
  • 158
5
votes
0 answers

OnsenUI keeps using unsafe-eval and unsafe-inline, even with the ng-csp directive

EDIT : I've submitted the issue to their GitHub : https://github.com/OnsenUI/OnsenUI/issues/936 EDIT 2 : It's being taken care of ;) (Sorry for my English, it's not my native language ;) ) This is my first question on stackoverflow. For now, I've…
chriskaya
  • 71
  • 6
5
votes
1 answer

What is the idiomatic way of communicating between Onsen popover and its parent?

This is what I've got so far. First the script: ons.bootstrap(); .controller('AppController', function($scope) { $scope.greeting = "Hello!"; ons.createPopover('popover.html').then(function(popover) { $scope.popover = popover; …
Wang Dingwei
  • 4,661
  • 6
  • 32
  • 43
5
votes
1 answer

Onsen-UI ,how to write a javascript , keep ons-scroller at the bottom?

how to write a javascript , keep ons-scroller at the bottom? this my code :
返回
Able Gao
  • 51
  • 1
5
votes
1 answer

Onsen-UI using sliding menu with navigator

Ok, The problem is I have a working sliding menu with pages. Now one of my page has an ons-list. By clicking on ons-list-item I want to navigate to a new page with back button. I have searched everywhere but didn't find any proper solution to my…
Danish Jamil
  • 1,090
  • 11
  • 31
5
votes
2 answers

You can not supply no "ons-page" element to "ons-navigator"

On Android device I get this error while loading a onsenui page. this is related to http://onsenui.io javascript library. You can not supply no "ons-page" element to "ons-navigator".
enRaiser
  • 2,606
  • 2
  • 21
  • 39
5
votes
3 answers

How to control android backbutton routes?

The default in Onsen is that the app closes/exits when the device backbutton is pressed. Is there any way to control that in Onsen to also mimic the ons-navigator action/page history? Thanks!
SOF
  • 177
  • 3
  • 12
4
votes
3 answers

Image not showing in vue.js and onsen ui app

I have used the following code to load image in my App which is based on Vue.js and Onsen UI . But they are not showing. I have imported…
Tasfia Sharmin
  • 389
  • 1
  • 7
  • 23
4
votes
2 answers

Videogular Controllers are not working when used along with onsen UI

I'm trying to make a video player application using OnSen UI (https://onsen.io) and Videogular (http://www.videogular.com/). When i used together the video controllers of videogular is not working. Following are my code.
Tittu Vaghese
  • 233
  • 3
  • 13
4
votes
2 answers

Onsen UI + listen for a click-and-hold on mobile

Hi I know Onsen UI has the "ons-gesture-detector" but there is another way to listen for a hold event? I would like to avoid building a directive in AngularJS. Tks for any reply. David
David Guerra
  • 55
  • 1
  • 2
4
votes
4 answers

Onsen-ui combining carousel with range input & action listeners/methods

I have a onsen-ui project and I'm using Monaca Cloud IDE to build it. I'm still struggling with a few key concepts when it comes to onsen-ui, but I can't figure it out from readying the docs. At the moment I'm trying to implement a "range" input on…
sj.meyer
  • 835
  • 8
  • 15
4
votes
2 answers

Onsen-UI Carousel with indicators and next/previous buttons

I am using carousel and want to have indicators (highlight the current one) and next/previous togglers.
Carousel
qqruza
  • 1,385
  • 4
  • 20
  • 41
1
2
3
…
76 77