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
3
votes
0 answers

Using PhoneGap, Angular2 TS and Onsen UI 2

I'm struggling to get a project running using PhoneGap, Angular2 for TypeScript and Onsen UI 2. The idea is to build the app for the different platforms using PhoneGap/Cordova, writing the application logic with Angular2 and the layout with Onsen2.…
letmejustfixthat
  • 3,379
  • 2
  • 15
  • 30
3
votes
1 answer

Onsenui can not add onsen module

I have created a new project via Monaca IDE. The page has ons.bootstrap() and onsenui version is v1.3.8 - 2015-07-27. I try to add but when I add a controller, such as app.MyController it gives…
drew
  • 105
  • 10
3
votes
1 answer

HTML id is not recognizing in JQuery for multiple onsen-page

I am trying an App in monaca using onsen UI. I have multiple pages and using Onsen Navigator for navigating in my pages. 1st Page has Login Button and Register button which open (push) Register page with Userid and email information. I am trying…
Anand P
  • 71
  • 6
3
votes
1 answer

ons-carousel with ons-list not rendering correctly with initial-index="1"

I am trying to utilize the initial-item feature for ons-carousel. I am using the following code. When I try to put it in and ons-list and initial-index="1" the item is offset to the left revealing a sliver of the other item. As soon as I try to…
Mark A. Rupert
  • 527
  • 7
  • 15
3
votes
1 answer

ons-list-item with dynamic height in onsen-ui

I am developing an application which shows images in ons-list (each image in one ons-list-item) Each image has different height, so I cannot set the height of the item to something fixed, as well as I cannot set the height of the ons-list-item to be…
Reza
  • 18,865
  • 13
  • 88
  • 163
3
votes
3 answers

Onsen-ui - Back Button with Sliding menu not working

I am creating a mobile app in monaca.mobi and I am using Onsen Ui. The app has many pages and every page link to another page, so I need back button in all pages except the home page. I have in my index.html this: …
Jannis M.
  • 89
  • 1
  • 1
  • 8
3
votes
2 answers

Onsen Switch Not Remembering it's State (and Not Calling Function on Switch Checked)?

I have an Onsen-UI Switch. I switch it on, then navigate away from the page. When I return to the page, the switch has changed to off; the switch has not remembered it's state? I am also having trouble coding the Switch so it calls a function on…
JaseT
  • 73
  • 5
3
votes
0 answers

How the new page life cycle events works?

On onsen-ui v1.3.14, the doc describes new page life cycle events. I can't get this to work. As described, the old event pageinit is still well fired but not the new events init, destroy, show and hide. Is there a subtility I didn't notice ?
Stan C.
  • 41
  • 4
3
votes
1 answer

Onsen sliding menu with tabbar not working

Below is what I've tried. Basically, if you add the tabbar the sliding menu does not work anymore. Clicking on nav button top left does nothing. Plnkr: http://plnkr.co/edit/VZoEO78HiUYnNFVqh1sx?p=preview index.html:
adamj
  • 4,672
  • 5
  • 49
  • 60
3
votes
2 answers

I need to launch an external website in Onsen Ui

I need to launch to launch an external url / website in Onsen Ui without leaving the app. I can use an iframe I guess between the ons-page tags where I need it but not very reliable perhaps. Its my first Onsen Ui project. Jimmy
Jimmy G
  • 303
  • 1
  • 2
  • 11
3
votes
1 answer

Onsen UI navigation with Error: You can not supply no "ons-page" element to "ons-navigator" when back to first page

Hello i am new onsen ui i have promblem with navigation, i have app like this. start.html : this is first page apppear, in this file i put mynavigator. start button will open page1.html page1.html : do something will open page2.thml page2.html : do…
sembilanlangit
  • 245
  • 1
  • 3
  • 19
3
votes
2 answers

How to access ons-carousel variable in Angular Controller?

I would like to bind an eventhandler to my ons-carousel postchange event in my AngularJS controller, however I keep getting an Uncaught TypeError: Cannot read property 'on' of undefined. I try to access my carousel through its var attribute from my…
Boldizsar
  • 683
  • 2
  • 8
  • 17
3
votes
0 answers

Unable to http-get results into arrays for ons-lazy-repeat controller

I'm using ons-lazy-repeat and trying to query from mySql. If I pre-defined the arrays it works perfectly. But I need it to be working dynamically with database hence I included httpget but it didn't work. So I tried adding alerts and realised…
Eidorian
  • 61
  • 2
3
votes
1 answer

Onsen UI page navigation with parameters not working

I'm using Onsen UI and AngularJS, and trying to pass a value on Onsen navigation , but it is not working. What can be wrong? page1.html
PLazzo
  • 169
  • 2
  • 13
3
votes
1 answer

TypeScript Definition for Onsen UI

From here https://www.nuget.org/packages/onsenui.TypeScript.DefinitelyTyped/ I notice that there is only one version 0.0.1 TypeScript Definition for Onsen UI and stay there for a while (April 07 2015). Is this 0.0.1 still corresponding to the…
Paul
  • 437
  • 2
  • 14
1 2 3
…
76 77