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
30
votes
7 answers

OnsenUI vs Ionic Framework

I want to start developing a mobile hybrid app using angularjs, css3 and html5. Was searching for a framework and found these two. Both are looking very nice however I was not able to get a good comparison between both of them. Can anyone please…
V31
  • 7,626
  • 3
  • 26
  • 44
15
votes
3 answers

Sencha vs Ionic vs Jquery Mobile vs Appcelerator Titanium

I have a good experience on HTML5,Javascript, jQuery, AngularJS. I am about to develop a hybrid mobile app. i just want to know which one of them is the best. And i am planning with IONIC as it has started supporting windows too. How far this will…
14
votes
1 answer

Using multiple html files in onsen UI

I just discovered onsen ui and I really like the design and the feeling of it. I have a problem, though: http://onsen.io/guide/overview.html#DefiningMultiplePagesinSingleHTML Here it says: "Instead of creating menu.html and content.html in separate…
henk
  • 546
  • 1
  • 6
  • 16
12
votes
4 answers

What are the drawbacks when using Ionic Framework or OnsenUI only as hosted webapp

We plan to create a hosted web app with AngularJS. As UI Framework we found Ionic and Onsen to work well with AngularJS. Both of this frameworks promote that they are made particularly for Hybrid Apps. But us I understand correctly, both frameworks…
akkie
  • 2,523
  • 1
  • 20
  • 34
10
votes
5 answers

How to handle hardware Back Button on Ons-Dialog?

My app contain ons-dialog on a imageclick that opens image in a dialog.But I am unable to handle hardware device back button.It is showing error of 'Capturing Back button handler is failure.So how to do it???Please help. Code :
Zen Bhatt
  • 310
  • 5
  • 21
9
votes
0 answers

ios onsenui cursor pops above textfield

I wrote a small calculator app for some formulas using cordova and onsenui.This app works fine on android and iphone but when I am using it on an ipad, the blinking cursor keep popping up above the text field, just like in the image I have posted,…
Junaid Noor
  • 474
  • 9
  • 24
9
votes
3 answers

How to show scrollbars in onsen ui app list

I'm using Onsen Ui to build a hybrid Phonegap app. There are lists on some pages with 100's of items. But, the scrollbars are not showing. Is there anyway to show native like scrollbars on the page? Here is the code I'm using:
Danish Jamil
  • 1,090
  • 11
  • 31
9
votes
2 answers

Phonegap on Windows Phone 8.1 with AngularJS can't retrieve JSONP from my API

I made an app with Phonegap Cordova and when I test it on Android everything is OK, but when I test it on Windows Phone 8.1 it gives me the following error: APPHOST9601: Can’t load…
8
votes
1 answer

Why are HTML attributes set differently into the DOM?

After digging several hours we decided to come up with a question on SO, hoping that someone else could help regarding the following problem. For one of our web applications, we used the Onsen UI js framework with its React support library When we…
Mihai Matei
  • 24,166
  • 5
  • 32
  • 50
8
votes
1 answer

How to determine if OnsenUI component is compiled in unit test

My project is built with vue-cordova-webpack template. I created a vue-component. There is v-ons-input inside the template of my component. I need to change the value of v-ons-input during the unit test of my component. I can do it only after…
Lana
  • 1,199
  • 7
  • 16
8
votes
1 answer

How to determine ons-modal shown state?

I'm using an ons-modal to show a loading text and spinner icon when the app is fetching some data. The code is as follows:

Cargando... …
Padlite
  • 125
  • 6
7
votes
1 answer

Onsen UI: Automatic scroll with ons-list

i want to program a chat in WhatsApp style. The latest news will be shown below, and for new messages to be automatically scrolled down. Can anyone help me how I can realize the automatic scrolling with ons-list?
quersumme
  • 71
  • 3
6
votes
4 answers

Check only one checkbox and unchek others

Im trying to check only one checkbox at the time and others uncheck , but when i want to check new chekcbox then pervious will uncheck and so on. i tried this code: JS file $('input[type="checkbox"]').click(function()…
DELION
  • 117
  • 2
  • 2
  • 11
6
votes
1 answer

Combining Onsen UI sliding-menu with navigation

I am currently building my first cordova app with onsen ui. Looks promising so far! But I ran into a problem I could not solve and I could not find the answer. I hope it is a beginner question and can be solved easily by someone with more experience…
DTFagus
  • 91
  • 1
  • 4
6
votes
2 answers

Drop down option menu using onsen UI

I want to develop drop down menu header as available in android navigation toolbar. I am using phonegap & onsen UI Framework to develop mobile application. I can able to load sliding menu from left & right side but right now my requirement is to…
jalpa
  • 204
  • 1
  • 3
  • 15
1
2 3
76 77