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

Angularjs: OnsenUI: ng-disabled not working

I am trying to disable a button based on an angular object array being empty. My HTML below.. Add This is inside an ng-app HTML and inside of a controller. My test function is…
Eddie K
  • 13
  • 2
  • 6
0
votes
1 answer

using the Onsen UI with nodejs for nomad

Is onsen ui compatible with the nomad phonegap visual studio addition? I tried to make a sample project but I was not seeing any results. I believe its because you need nodejs?
Charles Morrison
  • 418
  • 1
  • 4
  • 23
0
votes
2 answers

Onsen UI and AngularJS: change "page"

I am using Angular JS with Onsen UI framework. In any template to "change page" I just need to put an ng-click calling the function: ons.screen.presentPage('mypage.html') I need to do the same into a controller (javascript code), in other words I…
Danilo Paone
  • 148
  • 1
  • 2
  • 9
0
votes
1 answer

Remove navigator toolbar from top on index page only

How can i remove navigator toolbar from top on single page index.html, but i want ons.navigator.pushPage functionality for some button on index.html is it possible? It can be achieved by hide-toolbar="true" on index page and get back false on page1…
devanshul
  • 61
  • 1
  • 7
0
votes
1 answer

Swipe to Pop Page JQuery Mobile

With the new development tools, such as the Onsen CSS Components (http://onsenui.io), theming web apps to look native is becoming a reality. The last part of completing this task, is to allow the user to swipe left, as they would with a native app,…
Jake Chasan
  • 6,290
  • 9
  • 44
  • 90
0
votes
1 answer

(OnsenUi) Problems when using Animate.css and AngularJS

I am using Animate.css in my OnsenUI project. Here is my Plunkr : http://plnkr.co/edit/b1qHW7?p=preview The actual drill: - When I click the Present Page 2 button, the page2.html should appear. - When I click the X button, page2.html should pop. -…
Sambruce Sam
  • 371
  • 1
  • 12
0
votes
1 answer

Is there a LESS file for OnsenUI-themes

Are there less files to easify creating an own theme? Or is there a repository with custom themes (besides the one shipping with onsenui) available?
Andy Fuchs
  • 21
  • 2
0
votes
1 answer

Onsen-UI: how to update the ons-screen page attribute and reload the view?

I've just started using Onsen UI by implementing the bootstrap example and I've been trying to get the view to update when I change the page attribute.
Luca S.
  • 718
  • 7
  • 17
0
votes
1 answer

onsenui - What is the purpose of the black mask?

I would like to try to create a popup using ons.screen.presentPage() with a transparent background, however once the transition is complete there is a black mask that appears behind the page. Could you please indicate the purpose of this black mask…
Rob Taylor
  • 11
0
votes
1 answer

OnsenUI search example

I've found OnsenUI for develop with Cordova and I'm testing their components http://onsenui.io/guide/components.html I stop in ons-search-input
Shanty
  • 157
  • 1
  • 1
  • 9
0
votes
1 answer

OnsenUI checkiOS7 Maximum call stack size exceeded

I'm using Onsen UI 1.0.3 together with PhoneGap/Cordova 3.3.1. I have an onsen list with some onsen items inside. When I try to run the code on my Nexus 7 android tablet, I get the following error: RangeError: Maximum…
Stefan
  • 3
  • 1
0
votes
2 answers

Onsenui: sliding menu + camera

I'm using monaca ide to develop a simple app, and using the slinding menu of onsenui I found that usually when I take a photo reload the page, so the photo doesn't appear on the page. Seems to be random, sometimes happen sometimes doesn't, and I…
andy_314
  • 431
  • 5
  • 17
0
votes
1 answer

Having trouble combining Onsen UI ons-sliding-menu and ons-tabbar

Having trouble combining Onsen UI ons-sliding-menu and ons-tabbar. I want to have the sliding menu on the top and a icon bar at the bottom. I have tried the following:
user3474461
  • 1
  • 1
0
votes
1 answer

It is possible to set width of in OnsenUI?

I want to do something like: ons-select width="100". However, it seems that option is not available in OnsenUI. Any help is really appreciated.
Nakket
  • 620
  • 7
  • 18
0
votes
3 answers

Onsen UI + InMobi integration

I am trying to integrate inMobi ads into my Monaca project. The current Monaca tutorial seems to be outdated so I talked to one of the InMobi staff. He told me to put this code in where I want it.