Onsen UI

• 

  How to ask a question.
  • OnsenUI

  1
  3
  Votes
  1
  Posts
  2525
  Views

  No one has replied

• A

  Color Picker
  • agrawalcomputers

  2
  0
  Votes
  2
  Posts
  37
  Views

  E

  There is no colour picker included with Onsen UI, and I haven’t heard of anyone using one so far. That being said, Onsen UI is just HTML web components so anything you would use in a normal web app should also work with Onsen UI. Sorry I couldn’t recommend you a specific one. If you find a colour picker you like, please post it here so we can point other users towards it!
• J

  Splitting out to different html files...
  • JP20182018

  2
  0
  Votes
  2
  Posts
  36
  Views

  E

  I can’t find any examples right now but here is the guide that tells you how to split out to multiple HTML files https://onsen.io/v2/guide/fundamentals.html#managing-pages Where is the link that 404’d?
• A

  ons-select background color not change issue
  • amaadmirza

  5
  0
  Votes
  5
  Posts
  77
  Views

  E

  Ah, I see. This isn’t something you can change with Onsen UI because it’s the device’s select menu that you see. ons-select just wraps a regular select. There are solutions for this problem on the internet but all the ones I’ve seen involve hiding the select menu and implementing a custom select menu yourself. https://stackoverflow.com/q/1895476
• 

  How to scroll an Onsen Page with some fixed content
  • jamal

  2
  0
  Votes
  2
  Posts
  45
  Views

  E

  This sounds like something you could use ons-toolbar for. There’s a good example of it staying fixed in place on the homepage demo https://onsen.io/. Either use ons-toolbar or have a look at the CSS to see how it works https://github.com/OnsenUI/OnsenUI/blob/master/css-components/src/components/toolbar.css. Hope that helps. Let us know if you get stuck.
• 

  Pattern form VueJs Template WebPack
  • Yohann3396

  1
  0
  Votes
  1
  Posts
  32
  Views

  No one has replied

• M

  Storing and retrieving navigator page stack
  • mvanes

  1
  0
  Votes
  1
  Posts
  35
  Views

  No one has replied

• A

  Onsen UI2 - handling the hardware back button
  • Ambati Dilip 0

  1
  0
  Votes
  1
  Posts
  30
  Views

  No one has replied

• E

  How to add #hash for the urls / pushState
  • Ezra siton

  2
  0
  Votes
  2
  Posts
  166
  Views

  E

  There’s no support for URLs built in to Onsen UI but you can add it quite easily: document.querySelector('#myNavigator') .pushPage('page2.html', {data: {hash: 'page2'}}) .then((page) => { window.location.hash = page.data.hash; }); (Note: I haven’t actually tested the line that sets the hash in this example but something like this should work.)
• K

  OnsNavigator angular6 problem
  • krism75

  6
  0
  Votes
  6
  Posts
  279
  Views

  E

  I checked the OnsenUI internal Navigator example with Angular 6 and it seems to be working fine. Have a look here: https://github.com/OnsenUI/OnsenUI/tree/master/bindings/angular2/examples If you are still having issues, can you create a codepen that reproduces the issue so I can take a look? (Unfortunately you can’t use Onsen UI Playground for this because it is not running Angular 6 yet.)
• Y

  Onsen UI stopped supporting for Internet Explorer 11?
  • yuanfa

  3
  0
  Votes
  3
  Posts
  100
  Views

  Y

  Thanks for the info. Regards, Yuan Fa
• Y

  This topic is deleted!
  • yuanfa

  1
  0
  Votes
  1
  Posts
  4
  Views

  No one has replied

• Y

  This topic is deleted!
  • yuanfa

  1
  0
  Votes
  1
  Posts
  2
  Views

  No one has replied

• 

  Fluidity on iOS
  • Yohann3396

  2
  0
  Votes
  2
  Posts
  70
  Views

  E

  Are you able to replicate this problem in the playground? https://onsen.io/playground/ Also, in your video is the app running in the browser or natively through something like Cordova? If you could provide some code that reproduces the problem, that would be great. Otherwise I think it will be very difficult to track down the issue.
• T

  How to not init every times when change anothor tab from ons-tab
  • thaipd

  2
  0
  Votes
  2
  Posts
  51
  Views

  E

  The problem is you are using ons-show here: <ons-page ng-controller="NegotiationDetailController as negotiationController" ons-show="negotiationController.init()"> This will call init every time there is a show event i.e. every time the tab is changed. I think replacing ons-show with ons-init should fix your problem in this case. If not, take a look at the various ons- attributes for page and tabbar: https://onsen.io/v2/api/angular1/ons-page.html#attributes https://onsen.io/v2/api/angular1/ons-tabbar.html#attributes
• 

  Theme Roller download loading forever
  • Milad dE

  5
  0
  Votes
  5
  Posts
  126
  Views

  E

  2.10.4 has now be released and the theme roller download seems to be working properly for that version.
• 

  Navigator.resetToPage in react onsen
  • evankim0528

  2
  0
  Votes
  2
  Posts
  63
  Views

  E

  Thanks for pointing out this inconsistency. I agree that the name difference is confusing, although we don’t actually guarantee that all method names are the same across all frameworks especially in this case because, unlike most other components, the react Navigator doesn’t actually use the underlying ons-navigator. In this case, I think resetToPage is the better name. I don’t think we can actually rename resetPage to resetToPage until we do another minor release because that would break all the apps that use that method. In this case, I think it would be best to create an alias until the next minor release.
• H

  Need to test Cordova SQL plugin in Chrome dev setting.
  • humblecoder

  4
  0
  Votes
  4
  Posts
  119
  Views

  

  localStorage can get cleared by mobile OSs, especially on iOS, when memory is running low. I usually create a generic Storage JS class in my app, so I can abstract away the actual implementation of the storage. It has basic get and set functionality. In there you can check whether you are in browser or on device. Not ideal, but at least you can test it. class Storage { get() { if(isCordova) { // save in SQL } else { // save in localStorage } } ... } Perhaps you could try WebSQL instead of localStorage for in browser, as long as it’s just for development? It’s deprecated now, so don’t use it in production, but if you’re just testing in Chrome, it would work.
• H

  Global "busy" indicator?
  • humblecoder

  3
  0
  Votes
  3
  Posts
  75
  Views

  H

  Yeah @asialgearoid that’s what I’ll probably have to end up doing. I was hoping to simply have a “global” component on the in the main vue file and v-if it up as needed via state. Importing and displaying something on a per page basis is going to get tedious. Thanks for the input.
• 

  Theme Roller
  • skagget

  3
  0
  Votes
  3
  Posts
  94
  Views

  

  @skagget Sorry, there’s an issue with the theme roller for 2.10.2 and 2.10.3. It will be fixed in 2.10.4, to be released in the next day or two. In the mean time, you can select 2.10.1 and the download should work.