Questions tagged [onsen-ui2]

Onsen UI is an open source front-end framework for hybrid mobile apps and Websites with native look and feel.

About

Onsen UI is an open source front-end framework for hybrid mobile apps and Websites with native look and feel. It is a part of Monaca Cloud platform, a collection of development tools, including a debugger and remote build service.

Links

116 questions
0
votes
2 answers

Integrate OnsenUI in Angular 4

I'm really struggling with integrating OnsenUI in my Angular 2 (version 4) App. The project was generated using the latest Angular CLI. It seems the OnsenUI docs are not up to date. So if add import {OnsenModule} from 'angular2-onsenui'; import…
btx
  • 1,972
  • 3
  • 24
  • 36
0
votes
1 answer

Onsen UI ScrollTop Value not working

I try to get scrolltop value by scrolling, but it looks like it does not work with ons-splitter multipage. I have tried to remove ons-splitter and ons-template tags, just with ons-page, then it works. I am using cordova with onsenui framework, and…
0
votes
1 answer

Onsen tab app throws error if i use ng-app directive

When i use ng-app='myApp' directive on the body tag, it throws 'element[0].setTabbarVisibility is not a function' error. If i dont include ng-app, it works fine. Why is this happening? var…
Nick W
  • 65
  • 1
  • 2
  • 11
0
votes
0 answers

Monaca Vue 2 + onsenui Undefined method?

Created a project with monaca / vue2 / onsenui splitter template. Defined a test method into the main.js file as follow : import 'onsenui'; import Vue from 'vue'; import VueOnsen from 'vue-onsenui'; // Onsen UI Styling and…
direxit
  • 367
  • 3
  • 18
0
votes
2 answers

Onsen UI: button, aligned to bottom

I'm creating application using onsen-ui. Here is code for my "delete" button


Delete
All is fine, "Delete" button have proper…
Arenim
  • 4,097
  • 3
  • 21
  • 31
0
votes
1 answer

Cordova - button for Hold to record audio - sometimes stops

Let me explain it thoroughly. I am building a chat app using Cordova, and I want to do a sound recording function just like in Messenger, where you hold a button, it changes it appearance, then after some time you release the button, and the sound…
Sartheris Stormhammer
  • 2,534
  • 8
  • 37
  • 81
0
votes
1 answer

Callback inside renderToolbar in Onsen UI + React app doesn't work

I'm trying to use Onsen UI + React for an application that needs to have a splitter and navigation. The Page object uses the function renderToolbar in which the buttons with the method are defined to open the Splitter. This doesn't when I click on…
0
votes
1 answer

Adding new carousel item dynamically by javascript in onsen UI 2

Trying to add new carousel item dynamically by javascript in Onsen UI 2 but it is now working. The code I am using is as below
Vivek
  • 663
  • 2
  • 13
  • 40
0
votes
1 answer

Onsen 2 - Monaca CLI - Cordova plugins BarcodeScanner

I am creating a barcode scanner app with scandit scanner using Onsen 2 and Monaca . I integrate the scan library as plugin cordova plugin add . Everything works fine with Android and iPad but for iOS 10+, its showing a weird behaviour. The camera…
0
votes
1 answer

OnsenUI - Select element with jQuery/JS (ons-template issue?)

I’m brand new to OnsenUI and so far I’m really enjoying the look and feel of it all. I’m using it with plain JS and a little jQuery. My issue is: I cannot select anything (ID, Class etc.) using JS or jQuery while I’m using ons-template. When I…
Drew
  • 83
  • 1
  • 5
0
votes
1 answer

How do I change behaviour for ons-splitter-side to push ons-splitter-content to the side, instead of the current "go on top" to reveal?

How do I change behaviour for ons-splitter-side to push ons-splitter-content to the side, instead of the current "go on top" to reveal? To see a working example of what I have now, click to see example here
kish
  • 1
  • 1
0
votes
2 answers

Open mobile GPS enable setting page in onsen UI

We are building hybrid application on onsen ui and using location service. Like in iOS Native app If Location service is disabled, the onsen app should show popup that will redirect to setting->privacy page. So that user can enable location…
0
votes
1 answer

Cordova onsen app.Google map is working in desktop but not working in android nd ios app

I am new to onsen2 and angular2. Now, I am developing hybrid app. I tried to implement angular2 google map which is working fine in desktop but not working in android and ios with error(Google is not defined). The code what, I used is shown below.…
Priya
  • 1
  • 1
0
votes
1 answer

cordova social share plugins doesn't work on my Angular2 app

I'm stuck in a problem about how to use this social share plugins. SocialSharing-PhoneGap-Plugin When I'm trying to call this plugin, I got an undefined error. Here is my code. window.plugins.socialsharing.share("test"); Then this "socialsharing"…
taku845
  • 133
  • 1
  • 3
  • 11
0
votes
0 answers

ons-lazy-repeat refresh() not a function

I have a working onsen lazy repeat list that I creating using this code: HTML:
Carson Holzheimer
  • 2,890
  • 25
  • 36