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

adding custom element to ngRepeat list

I am developing a mobile app using the cordova + onsenui + angularJs and there are special requirements for populating the ngRepeat list. Some items could have additional parameters. In that case I want to either display additional information for…
Alex
  • 4,607
  • 9
  • 61
  • 99
2
votes
1 answer

Add side menu in OnsenUI

I am trying to add a side menu in my Onsenui app but it isnt showing up. I am using approach so not sure how I would go about adding a menu in the section below:
condo1234
  • 3,285
  • 6
  • 25
  • 34
2
votes
1 answer

Pure JS - Disable button in Onsen 2.0 / Monaca

Using Onsen 2.0 with Monaca, I am having an issue setting the disable property to true via JavaScript and not Angular. I am aware of how to do this with AngularJS and binding to a variable, but I just need to set the property via straight JS as…
Munsterlander
  • 1,356
  • 1
  • 16
  • 29
2
votes
1 answer

Is there are a way to place any Onsen icon inside ons-button?

I can't find anything in the documentation or on Google. I tried looking in the following documentation: https://onsen.io/reference/ons-button.html https://onsen.io/reference/ons-icon.html
Guy Levinger
  • 161
  • 2
  • 8
2
votes
1 answer

Onsen- Range and Tabbar

This is my codepen http://codepen.io/anon/pen/JGpdvW . And here the code: …
fraymas
  • 135
  • 9
2
votes
1 answer

Onsen angular js api call

I dont know if this is an angular js problem. Anyway, I am using onsen ui for my mobile app and I need a way to transition from one page to another and have the data shared between those pages .below is my app.js code. // Wordpress Posts…
Rich Ozil
  • 21
  • 1
2
votes
1 answer

OnsenUI ons-bottom-toolbar align

Why this code is right only for "ons-toolbar"
How can i do horizontal align without CSS?
Евгений Гедройц
  • 57
  • 7
2
votes
2 answers

Onsen Ui dialog Fullscreen

How can i make this onsenUi dialog open as fullscreen? I have a image inside this dialog. …
Leogreen
  • 701
  • 1
  • 6
  • 20
2
votes
2 answers

Monaca Onsen 2.0 ons-tabbar material design

I'm making an material design app with the new Monaca Onsen 2.0, I used ons-toolbar and works fine, but I can't understand how to use ons-tabbar with material, some trick? WORKS FINE
Federico González Brizzio
  • 682
  • 1
  • 8
  • 15
2
votes
1 answer

How to jump from one html file to another in Onsen UI (both html files' content begin with )

I have two html files, both file's content begin with tag html, not begin with tag ons-page or ons-navigator. One is index.html, in this file I have some ons-page(such as user login, signup, forget password), The other is main.html, the main…
Wild Tang
  • 197
  • 3
  • 11
2
votes
0 answers

How do I reset the content of an onsen ui dialog after I hide it?

Right now I am using onsen ui dialog to open a form. This form gets data from a form on the page that opened it. After they fill out 1 field (the rest of the fields are pre filled with data from the form on the page that launched the dialog) they…
tvirelli
  • 458
  • 7
  • 22
2
votes
0 answers

Handling android backbutton in OnsenUI + Cordova

I'm aware of the following questions that relate to this, but do not solve the problem I face. Onsen uI:Controll android backbutton routes Onsen ui:Disable device backbutton in android didnt work Here is my code in index.html: ons.ready(function…
gopalkoduri
  • 442
  • 1
  • 4
  • 15
2
votes
0 answers

How to use 'like' in a Monaca Backend query

How do I make a query that uses like in Monaca Backend? SELECT * FROM users WHERE user_id like "%bc%" Criteria - Monaca Docs Not working: db.findMine("name == /bc/","",{limit: 10});
Lucas Carnevalli
  • 62
  • 7
2
votes
1 answer

AngularJS with Onsen UI

I have a trouble to dive into AngularJS on Onsen UI. I don't make sense what is wrong the following code. I want to show the string 'First Page' instead of {{initialText}}. Please give me some advice. Index.html ... ...