onsen-ui

implement differens sliding menu on different pages onsen-ui

由 狂风中的少年 提交于 2019-12-11 11:33:57
问题 I'm trying to load a different sliding menu for each different page onsen-ui, but I have not found how to do it, now I have the following: //Initializing sliding-menu <ons-sliding-menu menu-page="menuCalendario.html" main-page="calendarioGeneral.html" side="left" var="menu" type="reveal" max-slide-distance="260px" swipeable="true" id="ons_sliding_menu" > </ons-sliding-menu> //menu 1 <ons-template id="menuCalendario.html"> <ons-page modifier="menu-page"> <ons-toolbar modifier="transparent"><

Sliding menu with Tab bar in Onsen UI

由 六月ゝ 毕业季﹏ 提交于 2019-12-11 09:27:03
问题 I'm having trouble making work a tabbed bar interface with a sliding menu using Onsen UI. The problem is that when I click on a item on the sliding menu, the tab bar disappears. Here is my code: index.html <ons-sliding-menu behind-page="views/menu.html" above-page="views/tab-bar.html" side="left" type="reveal" max-slide-distance="300px" swipable="true"> </ons-sliding-menu> views/menu.html <ons-page style="background-color: white"> <ons-list> <ons-list-item modifier="chevron" ng-click="ons

Gap between ons-toolbar and statusbar iOS

由 穿精又带淫゛_ 提交于 2019-12-11 05:48:06
问题 I am using the onsenUI framework in combination with Cordova in order to create a hybrid application. For some reason I observe a gap between the toolbar (text) and the iOS statusbar (iPhone 6s, iOS 11) which is larger then should, see the link for an example. example of toolbar To troubleshoot this issue and to be sure the issue in not caused by my own code I took the code of the very simple example of the toolbar reference at https://onsen.io/v2/api/js/ons-toolbar.html to see what happened

Two way binding, scope variable undefined

由 若如初见. 提交于 2019-12-11 05:29:49
问题 I'm writing an app with OnesnUI and AngularJS, using ng-model to get the input from DOM elements. There's my code <body> <ons-screen> <ons-page class="center" ng-controller="page1Ctrl"> <ons-navigator title="Page 1"> <div class="center"> <h1>Pharmy</h1> <ons-text-input ng-model="medName" placeholder="Enter Medicine Name" style="display:block; width:100%;" id="test"></ons-text-input> <div style="position:relative"> <ons-text-input ng-model="location" placeholder="Enter Location" style="display

How to replace page tabbar using Onsenui

由 我们两清 提交于 2019-12-10 23:59:42
问题 When I use myNavigator.pushPage() I am redirecting the user to a new page from an index.html page, however I only want the tabbar from the page the user is being redireted to show, currently it shows the redireted page tabbar underneath the main index.html tabbar: Index.html <ons-sliding-menu var="menu" main-page="main.html" menu-page="menux.html" max-slide-distance="90%" type="reveal" side="left"> </ons-sliding-menu> <ons-template id="main.html"> <ons-navigator var="myNavigator"> <ons-page

adding custom element to ngRepeat list

由 南笙酒味 提交于 2019-12-10 22:37:42
问题 I am developing a mobile app using the cordova + onsenui + angularJs and there are special requirements for populating the ngRepeat list. Some items could have additional parameters. In that case I want to either display additional information for item (substitude pattern completely with the new one) or append a new custom item below. So far I have only learned how to populate list items with one pattern (same parameters for all items, same HTML). How do I make a change so that item with

Accordion list with OnsenUI

由 [亡魂溺海] 提交于 2019-12-10 21:04:54
问题 Is this possible with OnsenUI? http://codepen.io/ionic/pen/uJkCz I am sure I saw a demo of it in the docs before the 1.1 update, but I can't find it now. Does such a demo exist and, more importantly, is it possible to do this with the framework? The trivial example below is not encouraging: <ons-list> <ons-list-item modifier="chevron">One</ons-list-item> <ons-list-item modifier="chevron"> <ons-list> <ons-list-item modifier="chevron">One</ons-list-item> <ons-list-item modifier="chevron">Two<

How to use multiple html files in onsenui

由 允我心安 提交于 2019-12-10 20:37:54
问题 In OnsenUI it says: "Instead of creating index.html and services.html in separate files, you can also define the page content in the same page." I don't like to have my whole app in one html file so I tried to put each template into a separate file. This is my file structure: www -index.html -services.html -menu.html index.html <!DOCTYPE html> <html ng-app="app"> <head> <link rel="stylesheet" href="http://onsen.io/OnsenUI/build/css/onsenui.css" /> <link rel="stylesheet" href="http://onsen.io

How to implement two slide-menu on both sides of a page in Onsen-UI?

由 落爺英雄遲暮 提交于 2019-12-10 17:48:44
问题 I'm new to Onsen-UI and would like to have slide-menus on both sides of my page. I intend to have multiple pages that will have this functionality and dont know how I can implement that. What is the best way to do that? 回答1: You have to nest two different ons-sliding-menu like this: <ons-sliding-menu main-page="page" menu-page="menu-left.html" side="left" ...> </ons-sliding-menu> <ons-template id="page"> <ons-sliding-menu main-page="content.html" menu-page="menu-right.html" side="right" ...>

Onsen-UI Swipe Navigation [closed]

由 天大地大妈咪最大 提交于 2019-12-10 17:22:28
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed last year . I'm trying to figure out how to implement the "android" feel on Onsen-UI by using the 'swipe' navigation. I tried implementing idangerous swiper, but not having much luck. My idea is to combine: http://codepen.io/negibouze/pen/jEvOYz enter code here http://codepen.io/negibouze/pen/wBLeyp enter code here When you
订阅 onsen-ui