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

Anguar2 and onsenUI2 detecting an event changing calosel-item

I'm using ons-carousel at Angular2 and onsenUI2. I want to detect changing carousel. Maybe I can use at postchange, but can't understand how to use postchange. this is my component @Component({ selector: 'ons-page', template: `
Kohei Okazaki
  • 53
  • 1
  • 5
0
votes
0 answers

How to proper use of AddEventListener when navigating with tabs in Onsenui

What is proper eventlistener in onsenui when navigating with tab? I have many tabs and subtabs for navigating. So far I use addEventListener "click" to identify which tab I'm now following with tabbar.getActiveTabIndex, while addEventListener…
Stomata
  • 51
  • 6
0
votes
0 answers

img tag in monaca project

I'm currently making an hybrid application by using Angular2(RC6) and OnsenUI2. I've got a problem about displaying image by tag. Here is my code.
taku845
  • 133
  • 1
  • 3
  • 11
0
votes
1 answer

TypeError: enterPage is undefined in OnsenUI 2 React navigator

I'm try to create a simple SideMenu component with OnsenUI Splitter like below: import React, { PropTypes, Component } from 'react'; import { Page, Icon, List, ListItem, Splitter, SplitterSide, SplitterContent, Toolbar, ToolbarButton, Modal} from…
b24
  • 2,425
  • 6
  • 30
  • 51
0
votes
1 answer

How to hide custom Onsen dialog

I have a custom Onsen Dialog with two buttons, and these buttons have onclick code in their html. I create this dialog using a template, and later when I try to hide this dialog with method like this var dialog =…
Sartheris Stormhammer
  • 2,534
  • 8
  • 37
  • 81
0
votes
1 answer

Onsen Ui 2 not working in Chrome (with code)

I am using Onsen Ui but its not working right in Chrome (in firefox everything is perfect). When I open my Project in Chrome lots of faults appear: Uncaught DOMException: Failed to construct 'CustomElement': The result must not have…
Tim Jansen
  • 55
  • 1
  • 7
0
votes
1 answer

How to implement dynamic ons-tab with ons-lazy repeat

Onsen UI: v2.0.1 AngularJS: 1.5.9 I am building an Android and IOS application that requires dynamic tabs (ons-tab) like in native applications. The content in each tabs can be up to a hundred items. So I want to use ons-lazy-repeat for the ons-tab…
0
votes
1 answer

Copied My Onsen Ui 2 App Folder to new pc, material font away

I am developing an App with Onsen Ui 2 and Cordova. Now I bought a new Pc and copied the by cordova created App folder(with Onsen UI 2) to my new Pc. Here I opened my index.html file on the computer and the font i 'normal' not material. How is this…
Tim Jansen
  • 151
  • 1
  • 1
  • 9
0
votes
1 answer

Onsen 2.0 List with overflow scroll does not work

I am having an ons-list but when the list gets longer than the page, you can scroll or do anything to see the other items.
Tim Jansen
  • 73
  • 10
0
votes
1 answer

Onsen 2 - Monaca CLI - Cordova plugins weird behavior

I recently started using Onsen-UI 2 and with it Monaca CLI tools. It's a pretty awesome tool, very helpful. There is one or two niggles I've picked up though, although I think I can solve most of them by looking at migration guides. The biggest…
user1840352
  • 183
  • 8
0
votes
1 answer

Onsen Ui 2 wait for elements to be loaded

I am using Onsen Ui 2. In my page i created a ons-page with some divs in it. After that is my javascript which changes some of these divs by getting it with document.getElementById("mydiv").innerHTML = "Hi"; Than I get the error that the element is…
Tim Jansen
  • 73
  • 10
0
votes
1 answer

Onsen UI 2.0 Splitter and pushPage not works together

I made a main tab (tab1.html) where you have a menu to change options or go to settings... Now I want that you can click on a button on the main tab (tab1.html) to come to another oner (tab4.html). The problem is that it doesnt work both together so…
Tim Jansen
  • 73
  • 10
0
votes
1 answer

onsen react navigator pushpage overwrites last page

In a project, my intention is to use only one Navigator element to handle all page navigation. There is one singleton appState all over the code, and navigator is member of that, it gets initialized by the outermost App component. …
mcku
  • 1,351
  • 12
  • 23
0
votes
1 answer

Install Onsen UI 2 without Angular

How to install Onsen UI 2 without Angular? Here http://onsen.io.s3-website-us-east-1.amazonaws.com/v2/docs/guide/js/ are different guides but when I do the javscript one (> npm install onsenui) I always get ReferenceError: angular is not defined how…
Tim Jansen
  • 73
  • 10
0
votes
1 answer

Onsen-ui Carrousel var attribute not working with Tabbar

I have been working around onsen-ui recently and got stuck when I was trying to reference a Carrousel var (var="carousel") within a Tabbar and Navigator components. The code works until I try to use Tabs. I get the following error: Uncaught (in…