onsen-ui

Onsen-ui combining carousel with range input & action listeners/methods

由 我是研究僧i 提交于 2019-12-10 15:27:26
问题 I have a onsen-ui project and I'm using Monaca Cloud IDE to build it. I'm still struggling with a few key concepts when it comes to onsen-ui, but I can't figure it out from readying the docs. At the moment I'm trying to implement a "range" input on a onsen carousel-item. The range input is rendered just fine, but I can't slide it. When I try to slide it, I actually scroll the carousel. My current idea to solve this problem is to set the entire carousel to "disabled", since it's not that

Onsen-UI using sliding menu with navigator

由 谁说我不能喝 提交于 2019-12-10 14:44:34
问题 Ok, The problem is I have a working sliding menu with pages. Now one of my page has an ons-list. By clicking on ons-list-item I want to navigate to a new page with back button. I have searched everywhere but didn't find any proper solution to my problem. Here is my code. <ons-sliding-menu menu-page="menu.html" main-page="home.html" side="left" var="menu" type="reveal" max-slide-distance="260px" swipable="true"> </ons-sliding-menu> <ons-template id="menu.html"> <ons-page modifier="menu-page">

Using multiple html files in onsen UI

由 江枫思渺然 提交于 2019-12-10 12:32:54
问题 I just discovered onsen ui and I really like the design and the feeling of it. I have a problem, though: http://onsen.io/guide/overview.html#DefiningMultiplePagesinSingleHTML Here it says: "Instead of creating menu.html and content.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 - products.html - services.html This

Onsen use Navigator and Sidebar On Same Page

由 我的未来我决定 提交于 2019-12-08 04:07:30
问题 I'm new to OnsenUI. I'm trying to show a page that uses navigator and I also want to have a sidebar on the same page. According to the documentation, this is possible, but I'm battling to get this to work. I currently have this: <ons-sliding-menu var="sidebar" main-page="index.html" menu-page="menu.html" max-slide-distance="200px" type="reveal" side="left"> </ons-sliding-menu> <ons-navigator title="Navigator" var="mainNavigator"> <ons-page id="home-page"> <ons-toolbar> <div class="center"

ons-navigator Multiple Navigator in one page template

由 柔情痞子 提交于 2019-12-07 21:59:27
问题 i am trying to create an app from Onsen UI framework. I am using multiple navigator. Here in the first page(Template) it works fine. With another pages it gives certain error. Here is the error i get when i click on my google chrome console Error: You can not supply no "ons-page" element to "ons-navigator". Here is how my page templates looks like: <!-- This one works fine --> <ons-template id="directory.html"> <ons-navigator var="app.navi"> <ons-page ng-controller="directoryControl"> <ons

Onsen UI Carousel Swipe list item

由 ﹥＞﹥吖頭↗ 提交于 2019-12-07 18:23:13
问题 i am using the carousel feature of the onsen ui framework in order to delete items in a list by swiping from left to right, like in ios/android. The swipe displays a "delete"-button which should delete this item from the list and reorder it The problem is, the view always deletes the last row instead the one i pressed the button on, however, the row is removed correctly in the dataarray. Does anyone have an answer for that?? *hope that there is s.o. out there with a solution 回答1: You should

PopPage with returning parameters with Onsen UI

由 耗尽温柔 提交于 2019-12-07 11:03:46
问题 I have two pages: page1.html has a button that opens page2.html with pushPage('page2.html') . Then I would like to have a selectable parameter (I'm using radio buttons) to be returned to page1.html , so I use $scope.appNavigator.popPage({myParam: myValue}) , but at the controller of page1.html there're no params. I expected to find myParam with: var page = $scope.accidentInvestigationNavigator.getCurrentPage(); $scope.myParam = page.options.myParam; Is it possible to send parameters to the

ons-navigator Multiple Navigator in one page template

由 别等时光非礼了梦想. 提交于 2019-12-06 11:42:02
i am trying to create an app from Onsen UI framework. I am using multiple navigator. Here in the first page(Template) it works fine. With another pages it gives certain error. Here is the error i get when i click on my google chrome console Error: You can not supply no "ons-page" element to "ons-navigator". Here is how my page templates looks like: <!-- This one works fine --> <ons-template id="directory.html"> <ons-navigator var="app.navi"> <ons-page ng-controller="directoryControl"> <ons-toolbar> <div class="center">Directory List</div> </ons-toolbar> <ons-list> <ons-list-item modifier=

Onsen UI Carousel Swipe list item

由 拈花ヽ惹草 提交于 2019-12-06 10:20:48
i am using the carousel feature of the onsen ui framework in order to delete items in a list by swiping from left to right, like in ios/android. The swipe displays a "delete"-button which should delete this item from the list and reorder it The problem is, the view always deletes the last row instead the one i pressed the button on, however, the row is removed correctly in the dataarray. Does anyone have an answer for that?? *hope that there is s.o. out there with a solution You should supply some code so we can see what you've tried. Are you using the ngRepeat directive and a <ons-list> ? In

OnsenUi Angular and Login

由 99封情书 提交于 2019-12-06 07:34:38
问题 I'm trying to develop a mobile app with onsen+cordova What i need is: When the app start it load login.html page. If the app detect that the user is logged then it redirect to the home.html For each "protected page" i want to call a function that detected if user is logged. If not i want to redirect to login page. All the "protected pages" have a slide menu. Following what i've done: index.html <html ng-app="app2gest"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable"
订阅 onsen-ui