Onsen UI

• 

  How to ask a question.
  • OnsenUI

  1
  3
  Votes
  1
  Posts
  2835
  Views

  No one has replied

• P

  ons-carousel swipe
  ons-carousel • • phantomfl

  4
  0
  Votes
  4
  Posts
  55
  Views

  E

  Unfortunately I think if I can’t find a way to consistently replicate this on one of my devices then I can’t fix the problem you’re having. Since you can replicate the problem on your device, feel free to submit a PR if you can get something working. As for the animation options… It looks like there are three options: duration, delay and timing. duration specifies the total time the animation takes from beginning to end. delay specifies the time to wait before starting the animation. timing specifies how intermediate values are calculated i.e. how the animation gets from the beginning to the end. I found occurrences in the codebase of three values for this: linear, ease-in and cubic-bezier. I believe these correspond to values for the CSS transition-timing-function (https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function).
• M

  Font Awesome Pro 5
  • moquette

  2
  0
  Votes
  2
  Posts
  33
  Views

  E

  This is actually a bug that has been fixed in Onsen UI but not released yet (https://github.com/OnsenUI/OnsenUI/pull/2595). There should be a release with the fix in a week or so. If you need the fix right now then clone Onsen UI from GitHub and build it locally. There are instructions here: https://github.com/OnsenUI/OnsenUI/blob/master/CONTRIBUTING.md#development-setup. Once it’s built you can use npm link to use the local version of Onsen UI in your project. I hope this helps resolve your problem. If you get stuck please let us know.
• A

  React navigator resetPage causes blank screen
  • AspiringWizard

  3
  0
  Votes
  3
  Posts
  102
  Views

  E

  In your renderPage function, do you assign a key to the page that is returned? If the key prop isn’t set, resetPage would almost definitely break the application. Please let me know if you are setting key. I’m trying to fix this bug and if you haven’t set key then I think that must be the problem.
• 

  Ons Tabbar and Angular AuthGuard creates error.
  • hilalkaldane

  1
  0
  Votes
  1
  Posts
  30
  Views

  No one has replied

• 

  how i control like popPage when i click back on my android phone
  • eGirlAsm

  4
  0
  Votes
  4
  Posts
  160
  Views

  V

  you can add ng-device-back-button=“functionToCall()” attribute to the <ons-page> tag of the page you want to exit from and in the page cotroller you can define the functionToCall and use the nav.popPage <ons-page ng-device-back-button="doBackWork()" .. > in Controller myNav.popPage() You could also use myNav.resetToPage("path/to/page.html")
• D

  Onsen Dialog not closed by Android back button
  • dldpower2plan

  12
  1
  Votes
  12
  Posts
  3846
  Views

  A

  this works for me onDeviceReady: function() { this.receivedEvent('deviceready'); document.addEventListener("backbutton", onBackKeyDown, false); } function onBackKeyDown() { if(document.querySelector('ons-modal').visible){ document.querySelector('ons-modal').hide(); e.preventDefault(); }}
• S

  Solved closing an ons.notification?
  • sherscher

  5
  0
  Votes
  5
  Posts
  1313
  Views

  T

  @fran-diox please can you give an example i am having an issue closing ons.notification.confirm when i am on the home page and user click on the back button i am asking him if he want to close the app or not , if yes i am closing the app , if not the notification close . my problem is if the user click multiple times on the back button multiple notification boxes are showing up for him , please help me know how i can prevent this
• J

  <ActionSheet/> not working like it should
  react webpack actionsheet • • Jsmyth

  3
  0
  Votes
  3
  Posts
  66
  Views

  E

  Never mind, I just figured it out from the image you posted on Discord. The problem is that ActionSheet by itself doesn’t have any kind of background, so it will literally just show the child elements. Usually the child elements are ActionSheetButtons which have a proper background. You can see an example here: https://onsen.io/playground/?framework=react&category=reference&module=action-sheet Since you have img elements in your ActionSheet it will just show the images as they are with no background. You could add styling to the child elements if you still just want to use img. By the way, SpeedDial might be more suitable if you want open a series of icons. https://onsen.io/playground/?framework=react&category=reference&module=speed-dial
• R

  How to make a welcome screen
  • RicardoC

  2
  0
  Votes
  2
  Posts
  51
  Views

  E

  I’m not too sure what you mean by a fullscreen welcome page. Do you have an example of what kind of thing you want? Pages are defined using <ons-page>. There’s a tutorial on using pages: https://onsen.io/playground/?framework=vanilla&category=reference&module=page It’s possible to conditionally load a page when the app is started if that’s what you want.
• S

  alerts ons-switch giving undefined
  • smidhunraj

  2
  0
  Votes
  2
  Posts
  50
  Views

  E

  That’s probably because you have var="s" instead of id="s". But there should have been an error in the console first, right?
• T

  How change checkbox's state programmatically ?
  • trevorjr

  3
  0
  Votes
  3
  Posts
  79
  Views

  T

  GREAT ! GREAT ! GREAT ! Thank you very much emccorson ! All is solved. Best regards. David
• A

  iPhone X screen
  • andyferriby

  3
  0
  Votes
  3
  Posts
  387
  Views

  A

  Many thanks, its now working correctly… But just one more question… My app now fits the whole iphone x screen, but my apps colour is red and now at the top of the screen is, just below the notch, its white, if you get me… How can i change that part from white to red so it fills the top part? Many Thanks
• 

  iphone not scrolling
  • eGirlAsm

  1
  0
  Votes
  1
  Posts
  61
  Views

  No one has replied

• T

  Jquery doesn't seem to work
  • timwd

  15
  0
  Votes
  15
  Posts
  2742
  Views

  L

  Try this Interactive…jQuery Tutorial
• P

  ios safari Bounce
  • philippogol

  2
  0
  Votes
  2
  Posts
  77
  Views

  P

  What Im looking for is the equivalent for the DisallowOverscroll option for the browser version (not ios or android). Thanks!
• A

  On the emulator in the browser everything works on the Android phone do not connect css and js
  • Andrey

  1
  0
  Votes
  1
  Posts
  45
  Views

  No one has replied

• G

  Cordova+VueJS simple app
  • gandalf

  1
  0
  Votes
  1
  Posts
  67
  Views

  No one has replied

• M

  Scrolling problem with iPhone SE
  • mjessen

  1
  0
  Votes
  1
  Posts
  74
  Views

  No one has replied

• O

  Dynamic HTML error Onsen 2
  • Omar Hassan

  22
  0
  Votes
  22
  Posts
  9160
  Views

  R

  @munsterlander Its not working with looping. Could you suggest? Code below. for(int i=0;i<3;i++){ var onsItem= document.createElement(‘ons-list-item’); onsItem.setAttribute(‘modifier’, “chevron”); onsItem.setAttribute(‘onclick’, “functionName()”); onsItem.innerHTML = ‘<img src="" alt=“something here” />’; document.getElementById(‘content’).appendChild(onsItem); }