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

Onsen UI & Angular JS Google Maps

I am having an issue, getting Google maps to show within my Onsen UI & Angular JS app. Here is the code I am working with - index.html
user1124378
3
votes
5 answers

how to increase stack of popPage() in OnsenUI?

currently I am developing application in phonegap through OpenUI framework. I want to increase the stack of the popPage() function. Currently i can go back previous page, but not more than that. Can i give ons.navigator.pushPage() transition same…
Navneeth
  • 988
  • 3
  • 11
  • 29
2
votes
0 answers

Spring Boot cannot load Onsen UI JS and CSS

Something about the way that Spring Boot loads a web page is screwing things up with Onsen UI. The ons-navigator and ons-splitter tags do not work correctly when the pages are served from a Spring Boot application. The ons-navigator tag is…
moonlightcheese
  • 10,664
  • 9
  • 49
  • 75
2
votes
2 answers

How can I check if the current location is outside of a set radius?

I'm currently working on an app that triggers a notification when someone is within a square. The following defines the square: var zonebounds = [[30,35], [40,45]]; var zone = L.rectangle(zonebounds, {color: "#ff7800", weight: 1, oppacity:…
spelle
  • 41
  • 1
  • 4
2
votes
2 answers

How do I modify the default name of react-redux connect function?

I'm using onsen-ui to style a meteor app with React for the frontend. As I understand it, onsen-ui manages navigation by pushing pages to a stack, where each page has a unique identifier. Here is how my pages are loaded in App.js loadPage = (page)…
chidimo
  • 2,684
  • 3
  • 32
  • 47
2
votes
0 answers

PWA standalone, dead space after keyboard hide

I have been trying to find a solution to this for some time without success. So I have a PWA that has been added to home screen. User opens the PWA from home screen and goes to a form. The problem I have is an input at the end of the form. When you…
NotJustin
  • 529
  • 6
  • 20
2
votes
0 answers

Ons Tabbar messes when used with angular 2+ AuthGuard

I am using Onsenui with Angular 6 When I use Onsenui Tabbar Directive without using angular AuthGuard, it works fine. but when i use AuthGuard on component or say "canActivateChild: [AuthGuard]", it shows this error everytime i click on one of the…
Hilal Kaldane
  • 145
  • 1
  • 9
2
votes
4 answers

Input checked change body background colour using JS

I have an input checkbox. I want to change all the body CSS of the HTML (white body-background and black text when unchecked, and black body-background and white text when checked). HTML: Activate night mode
Antonio Andrés
  • 169
  • 2
  • 15
2
votes
0 answers

v-ons-lazy-repeat error: "createItemContent" must return an instance of Element

I’m getting this error in my code and I don’t know what’s wrong. I tested something similar in the https://onsen.io/v2/api/vue/v-ons-lazy-repeat.html test area and it worked but when I put it in my own code it doesn’t work. No matter what I tried to…
W F
  • 146
  • 2
  • 6
2
votes
1 answer

Relation among PhoneGap, Cordova, Onsen UI/Ionic, etc. for Mobile Hybrid Applications

I am beginning my adventure in the world of mobile hybrid applications and trying to understand the basics. I am a little bit confused about the relationships among the various frameworks that are used in this world. In particular, as far as I…
MadMage
  • 186
  • 1
  • 7
2
votes
2 answers

How to use Onsen UI tabbar with Vue single file components

I'm using Vue Onsen UI and trying to render a Vue single file component for each tab. In the documentation here, they make use of template in a single page. Which is not very reusable. I want to be able to import custom component and render…
aks
  • 8,796
  • 11
  • 50
  • 78
2
votes
0 answers

Importing Onsen UI to Android Studio

Good day stack developers. I just want to ask how to import the Onsen UI into android studio it makes me confuse how it work there because I use bootstrap for the website however in the android studio how I can import the ONSEN
Sir George
  • 37
  • 7
2
votes
3 answers

How to find Android tablet or mobile in Phonegap?

I need set android device smart phone portrait only? window.isTablet is find the mobile or tablet only, so I need to set screen lock orientation and write code too.
Santhoshkumar
  • 780
  • 1
  • 16
  • 36
2
votes
1 answer

Onsen UI for website

I have an idea to use Onsen UI to create mobile applications and a website simultaneously. This will allow me to use one code base for everything. What problems can I get and what should I consider if I want to place the project on the webserver…
Sergey Konov
  • 31
  • 3
2
votes
2 answers

Cordova Whitelist Plugin

I know this question has been asked many, many times online. I've run out of luck trying everything there is. I'm trying to POST data to a server and get back a simple response. Obviously I would need to install the cordova whitelist plugin to…
Rizo
  • 54
  • 8
1 2 3
…
76 77