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

ons-navigator: Error: Module parse failed: Unexpected token (330:6)

How to fix this error? This error is occurs when using the Navigator component from 'react-onsenui' lib. Error: Module parse failed: Unexpected token (330:6) You may need an appropriate loader to handle this file type, currently no loaders are…
Vlad
  • 1
  • 1
0
votes
1 answer

Onsen UI - changePage with save toolbar, tabbar and preload ajax text

I just want to create an app based on Cordova + onsen UI but I have a small problem. On first screen, I have choosing user language and "start" on press start I'm sending uuid and lang to my database for future user language recognization. After…
Michal
  • 1
  • 1
0
votes
1 answer

How to dynamicaly create ons-tabbar in page

I am trying to generate tabbar pages dynamically in my app. I tried generate elements with ons.createElement() and document.createElement(). But it don't render the pages. Only tabbar, or first page and not the second. Do you know how to dynamicaly…
Symorp
  • 68
  • 11
0
votes
0 answers

Uncaught TypeError: Cannot set property 'onclick' of null in OnsenUI

I'm developing a hybrid app by using visual studio, cordova and onsen-ui framework, this is my javascript code for navigation of pages document.addEventListener('init', function (event) { var page = event.target; if (page.id ===…
0
votes
2 answers

How to refresh previous page after current page closes in OnSen and Angular 2+

I have a product-list page where I show list of all products. From this page there is link to open on product-new page where I add new product. After adding the product in DB I want to show newly added product in my previous product-list page after…
0
votes
1 answer

Why does Onsen UI throw me errors?

I am building a PWA using React and Onsen UI with react-onsenui bindings. I try to become comfortable with the Tabbar playing around with the official example shown on Onsen UI's website. My code at the moment looks like this (pretty simple): import…
Oliver
  • 1,181
  • 2
  • 12
  • 30
0
votes
0 answers

Link Pages in OnesenUI without toolbar

I'm new to OnesenUI. I have been able to use the tag to link pages using the toolbar. However, I would want to know how do I link a text in the page to another screen. e.g. if I have text "Register" then, the user should be able to go the…
dk007
  • 79
  • 2
  • 9
0
votes
0 answers

Input does not submit to MySQL using UI framework

I am using input to submit data to MySQL using PHP. It works fine in HTML input but it doesn't work using the Onsen UI framework tag ons-input. Any idea why? Normal HTML (it works)
Firstname:
Antonio Andrés
  • 169
  • 2
  • 15
0
votes
1 answer

Accordion - close one item when opening another one

I want to automatically close one item when another one is open, so there is just one open at any one time. HTML List 1
Antonio Andrés
  • 169
  • 2
  • 15
0
votes
1 answer

Onsen UI v-ons-icon not working

I just install new pwa onsen UI project for vue-cli using npm. All components working properly only icon components not showing icon while running app. Even, I uncomment from v-ons-components file v-ons-icon still its not working
Sagar Shinde
  • 95
  • 1
  • 11
0
votes
1 answer

How do I override fab element css in onsen ui?

I cannot get the onsen fab element to change background color or border. I'm using angular 2 and onsen v2. If I uncheck the fabs default css in the browser inspector I see my css applied. I already tried !important. Here is my…
Noober
  • 129
  • 1
  • 9
0
votes
1 answer

Onsen UI implement login with React

While migrating our Onsen v1 app (based on AngularJS1) to Onsen v2 with React, I bumped into a little problem: implementing logic regarding user authentication (redirecting to login screen if there are no "saved credentials") Here's how my app is…
Laureant
  • 979
  • 3
  • 18
  • 47
0
votes
0 answers

Onsen UI 2 with React and PhoneGap development environment

I want to develop a hybrid mobile app based on Onsen UI 2, and have selected React as the framework for it. I'm also using the PhoneGap Build service to create the app files for Android and iOS. I am having some difficulties understanding how I can…
Laureant
  • 979
  • 3
  • 18
  • 47
0
votes
1 answer

Onsen UI + React Navigator.pushPage not a function?

Using the Onsen playground & React Combining Navigator and Tabbar example, I made this - https://media.giphy.com/media/fjxPFluObAs5P3cXms/giphy.gif I wanted to change the position of the button and input field for where you add more users, so I used…
0
votes
1 answer

Add OnsenUI to an existing Cordova project

Title says it all but I can't seem to find a way to add OnsenUI framework to an existing Cordova project. How can this be done?
Ben Fransen
  • 10,884
  • 18
  • 76
  • 129