Stack Overflow
Stack Overflow

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

How wrap the text inside the absolute div

I'm using Vue Onsen UI for creating a progressive web app. I have a title which can be a little long and I'm placing it in the center expecting it to wrap normally, but it doesn't. The toolbar class is positioned absolutely. Here is a working…
aks
  • 8,796
  • 11
  • 50
  • 78
0
votes
1 answer

How to include common elements in onsen ui pages?

Is there a way to include commmon elements e.g splitter menu in different html pages in onsen ui rather than repeating the code on each page?
bodesam
  • 529
  • 4
  • 9
  • 24
0
votes
1 answer

How to change color of chosen "segment button" in onsenui?

OnsenUI2 has a segment with segment button elements. Where is the blue color of the currently chosen segment (radio) button decided in the css, and how do I override it? Looking at the segment__button I find that it's color is transparent. Perhaps…
pashute
  • 3,965
  • 3
  • 38
  • 65
0
votes
1 answer

How to automatically add scrollbar to vue onsenui v-ons-card

The documentation of the OnsenUI2 ons-card (and in particular for Vue2.js v-ons-card) automatically shows a scrollbar next to the content if I add many v-ons-list-item elements. See here: https://onsen.io/v2/api/vue/v-ons-card.html Here's a…
pashute
  • 3,965
  • 3
  • 38
  • 65
0
votes
1 answer

How to design native form on onsen ui

I need a nicely formatted form on onsen ui but i cant. Can someone help. Also the page navigation is not working when i have different hmtl files window.fn.pushPage = function (page, anim){ if (anim) { …
Olaseyo Olumide Dayo
  • 11
  • 1
0
votes
1 answer

jquery click/touch events does not work on hybrid app bundled via phonegap

I have developed html + onsenui + jQuery app which is designated to be a hybrid android app (phonegap) but I am facing issues that the layout and click/touch events does not working. Here is the code:
radicz
  • 93
  • 8
0
votes
1 answer

OnsenUI with VUE vue-onsenui v-ons-segment not working. Why?

OnsenUI with VUE vue-onsenui v-ons-segment is not showing correctly, and instead of a button bar in a row, I'm getting standard buttons. The code is in a modified Monaca CLI project with the minimal VUE template, inside a .vue file: in page2.vue,…
pashute
  • 3,965
  • 3
  • 38
  • 65
0
votes
1 answer

Onsen 2 ui navigation with parameters

I know how to get the parameters in Onsen 1 like $scope.navigator.getCurrentPage().options.param1 But I am unable to find any useful document or source to get the ons-navigator data in Onsen 2. Please help me out.
Ila
  • 195
  • 13
0
votes
2 answers

Center a button between two others in OnsenUI

How do I center a button between two other buttons in a toolbar? Here's my code and resulting screenshot
pashute
  • 3,965
  • 3
  • 38
  • 65
0
votes
1 answer

Using Onsen UI ons.platform isAndroidTablet()

I'm working on simple hybrid app and I'm using Onsen UI using purely JavaScript, and everything is working good so far. The only issue I have is determining if the mobile device is a Tablet or Phone. I found ons.platform reference, and the…
cubanGuy
  • 1,226
  • 3
  • 26
  • 48
0
votes
1 answer

Where is the button-bar border color defined in onsen-ui css?

Where is the border color defined in onsen-ui version 2 css? I'm talking about the widget defined under the "Segment" section in the documentation.
pashute
  • 3,965
  • 3
  • 38
  • 65
0
votes
2 answers

Trouble getting ng-device-back-button directive to work for OnsenUI v2

I'm attempting to stop a user from abandoning a game by accidentally clicking the device back button on Android devices. I'm using Cordova 6.3.1 and the Onsen UI v2 framework. By using an Onsen page's ng-device-back-button attribute, I have been…
Rob
  • 897
  • 3
  • 8
  • 22
0
votes
2 answers

ons.bootstrap is not a function

On latest onsenui/angular versions I get an error on bootstrap …
scatman
  • 14,109
  • 22
  • 70
  • 93
0
votes
1 answer

Onsen UI, how to use isShow() Method

I'm creating a very simple app, and I'm using Onsen UI and purely JavaScript (no Angular, React, or Vue). This is the first time a use this framework, but so far seems pretty simple and straight forward, except the isShow() method. I have a dialog…
cubanGuy
  • 1,226
  • 3
  • 26
  • 48
0
votes
1 answer

OnsenUI in VS2017

I am trying to use Onsen UI for developing a mobile website in VS2017. The steps I took are as below. 1. Created a blank ASP.NET web application Solution in VS2017 2. Downloaded source code zip file of OnsenUI-dist 2.4.0 from…
Zeni
  • 947
  • 1
  • 12
  • 24
1 2 3 4
5
6 7 8