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

Understanding ons.slidingMenu variable in onsen-ui framework

please explain me in a words why it works perfect when I call ons.slidingMenu.toggleMenu() having at the same time myMenu as variable of I mean I should call myMenu.toggleMenu(), not ons.slidingMenu.toggleMenu()…
Gluhar
  • 1
-1
votes
1 answer

How can I change the animation in onsen ui to look more like ios when using an android phone?

I am trying to edit and change the internal page transitions in Onsen ui. I have read their documentation, and they said to check the animation files in the views folder in github…
-1
votes
1 answer

Can the Onsen UI Javascript and CSS frameworks be used with Worklight Hybrid Applications?

Can I use Onsen UI with my Worklight hybrid applications? Specifically, while using the Worklight Studio for development? Since it seems to be compatible with Cordova and JQuery on the surface it looks like it does.
-1
votes
1 answer

Navigation bar in onsen-ui

I recently started using Onsen-ui and I love it! I created a sliding navigation bar using there documentation however I would like to alter this navigation bar so that it can only be accessed when the user swipes their finger closer to the left side…
szier
  • 1,427
  • 3
  • 19
  • 32
-1
votes
1 answer

ONSEN UI and Jquery Mobile

I'm looking for a way to incorporate Jquery Mobile UI elements into my cordova app, but I'm running into a problem with being unable to access JQuery Mobile data-roles due to the ONSEN ui(angular) routing methods. Here's an example of the HTML I…
-2
votes
1 answer

Use ons.enableAutoStatusBarFill in in onsen ui with angularjs

i am completely new to Angularjs trying to understand how can i use ons.enableAutoStatusBarFill(); this so i my menus wont over take the status bar. here is how i have my controller setup. var mod = ons.bootstrap('app',…
user3201500
  • 1,538
  • 3
  • 22
  • 43
-2
votes
1 answer

How to make vertical list using Onsen-UI?

Is it possible to make a vertical list using onsen-ui? Currently lists only go in a single column - i would like them to go 4 columns (items) per row while using tablets and to be single column on mobile. How can achieve that?
Kristis
  • 389
  • 3
  • 16
-2
votes
1 answer

Switch page with onsen navigator and AngularJS

Is there any way to switch page, using ons-navigator without ons-template tag? For example, i have project like this: --app.js --index.html --page1.html When i describe page1.html into index.html, using ons-template (like this…
user3258741
  • 93
  • 1
  • 7
-2
votes
1 answer

onsen ui: getting started

So I was getting started on Onsen UI and used their sample code on the doc website:
Vu Nguyen
  • 1,078
  • 9
  • 11
-2
votes
3 answers

How to create loading in onsen-ui?

i use phonegap and onsen-ui in my application. how to create loading with onsen in my app? Thank you sorry for my poor english.
-2
votes
2 answers

Keyboard pushing up navigator bar

Here is an image of my problem in an app: Here is my code: http://pastebin.com/JckpYKYz Any solution? I thought to hide the status bar when the keyboard appears on that page. Thanks!
Manuel Egío
  • 173
  • 1
  • 9
-3
votes
1 answer

What is this error? This function is not registered in the lock list

This is the error msg. Error: This function is not registered in the lock list. at Object.window.DoorLock.DoorLock._unlock (loader.js:1450) at window.DoorLock.DoorLock.lock.unlock (loader.js:1450) at Scope.parent.$get.Scope.$broadcast…
Armadeus
  • 37
  • 7
-3
votes
2 answers

OnsenUI with AngularJS Bootstrapping with Cordova

I'm working on a Cordova application using AngularJS and OnsenUI. I'm having trouble with the documentation that's out there with respects to the call to ons.bootstrap(). Specifically, I am used to manually bootstrapping AngularJS applications in…
GrumpyMonk
  • 11
  • 5
1 2 3
76
77