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

Onsen how to make partial swipe on item

i'm using AngularJS and Onsen framework for developing a mobile app. I added swipe to every item of a list. The code is like this Here is the output: I would like to have a partial swipe, not total. I mean something like this: Do you know if i can…
smartmouse
  • 13,912
  • 34
  • 100
  • 166
2
votes
1 answer

Cordova app with Onsen (and Angularjs) on Windows Phone 8.1 doesn't start

I have an app created with Cordova, Onsen (and Angular) working well on Android and iOS, and I want to export it on windows 8.1. When I run the app on Visual Studio , I get these errors : Eccezione generata alla riga 1958, colonna 11 in…
JD76
  • 73
  • 6
2
votes
1 answer

Using AngularJS with $window.sessionStorage (using Onsen UI)

I am trying to implement a simple login feature. I want to have the DOM load a different element based on whether the $window.sessionStorage.currentUserId5 session exists or not. But the conditional statement I have added to .run() just keeps using…
drew
  • 105
  • 10
2
votes
1 answer

ons-popover is not showing content

I cannot get the ons-popover to work on my Phonegap App. When I click on the button to show a popover the entire page dims but no content shows on the page. Below is the simple page I am using.
Mark A. Rupert
  • 527
  • 7
  • 15
2
votes
1 answer

How can I reduce ons-list-item height?

I am creating an app using Onsen UI. I would like to reduce the height of of the name field. I tried to change the value of the following style, but it could not be narrowed to more than it is now. How can I…
yuzu
  • 43
  • 3
2
votes
2 answers

How do I call my function on Onsen carousel change?

how can I call my…
Aniket Dhole
  • 41
  • 1
2
votes
1 answer

redirect to ons-template from controller

I have several ons-templates in the page and every template is bound to its controller, now how to redirect from controller first to ons-template second.html upon successful ajax call, below is my code. …
Rajesh Vishnani
  • 91
  • 1
  • 1
  • 6
2
votes
1 answer

ng-click on span inside the ons-list-item not working

I have an ons-list with list items and an icon on it, when someone clicks on list item it should go to screen A and when i click on the icon, it should go to screen B, but the problem is ng-click conflicts as we click on the icon, technically list…
Rajesh Vishnani
  • 91
  • 1
  • 1
  • 6
2
votes
2 answers

Combining and

I have an app with and a page with and a horizontal covering the remaining space. For the the parameter swipe-target-width="50px" is set. Is there a way to tell the …
Matthias
  • 33
  • 6
2
votes
1 answer

Dynamic HTML error Onsen 2

My app context is generated in the run-time, on onsen 1.3 i was using this function to generate the HTML and compile it, $scope.generateFrom = function (div) { var el = div; var html = HTMLGenerator.getHTML(); el.innerHTML =…
Omar Hassan
  • 727
  • 1
  • 11
  • 24
2
votes
1 answer

angular css not loading correctly

I have an ons-page loading with an image as a background. At the first startup of the app an ons-dialog pops up and asks user for some information. When it pops up, it seems the page behind it's background css, doesn't load properly every time.…
slowsword
  • 314
  • 2
  • 14
2
votes
0 answers

iOS 9 network progress with Cordova and OnsenUI

I would like to display network progress of my app using the native progress indicator on the status bar in iOS. I can't seem to find a plugin that will do this. Is this possible using Cordova with OnsenUI?
MoreScratch
  • 2,933
  • 6
  • 34
  • 65
2
votes
1 answer

Angular binding ajax data through array

I am trying to load the ajax data into array then bind the array using Angular, here is my code (I am beginner with KO experience so I try to keep it simple to work) Update I got it working I think the problem was loading the page before loading…
Mosta
  • 868
  • 10
  • 23
2
votes
1 answer

Modal input form inactive in Onsenui

I have a form input field and a button inside a modal and for some reason they both are inactive. If I try to click them I can not enter any text into the field or the button doesnt do anything. All fields and buttons work fine on the page and all…
condo1234
  • 3,285
  • 6
  • 25
  • 34
2
votes
0 answers

How to replace page tabbar using Onsenui

When I use myNavigator.pushPage() I am redirecting the user to a new page from an index.html page, however I only want the tabbar from the page the user is being redireted to show, currently it shows the redireted page tabbar underneath the main…
condo1234
  • 3,285
  • 6
  • 25
  • 34
1 2 3
…
76 77