Onsen UI

• 

  Unsolved Displaying keyboard causes ons-template to scroll up and collide with status bar on iOS
  • Steven Sokulski

  6
  0
  Votes
  6
  Posts
  4176
  Views

  M

  Does someone has any suggestion? I read how you should include different type of keyboard but that is not a solution.
• M

  i need help in the accessing multiple files it has failed to login in to home
  • Mosertcode

  1
  0
  Votes
  1
  Posts
  305
  Views

  No one has replied

• A

  Are you Looking For Python Assignment Help
  • audreycruz358

  1
  0
  Votes
  1
  Posts
  346
  Views

  No one has replied

• 

  OnsenUI Navigator + React failed to navigate
  • zn

  1
  0
  Votes
  1
  Posts
  369
  Views

  No one has replied

• B

  How to add cordova in existed app?
  • bet

  1
  0
  Votes
  1
  Posts
  378
  Views

  No one has replied

• B

  <ons-list> expandable not working !!
  • bryanbarreto

  3
  0
  Votes
  3
  Posts
  776
  Views

  P

  I know this is an old topic, and you most probably found a solution already. But I will reply anyway because I just run into the same problem, and others might as well. After lots of different tests, I figured the issue was with a fixed height for the ons-list-item. In my case, I don’t really know where it is coming from, but I managed to solve it adding “height: auto”. Adapting the code would be something like this: <ons-list-item expandable style=“height: auto”> Tap to expand <div class=“expandable-content”>Expandable content</div> </ons-list-item>
• P

  Unable to use CUSTOMIZED STEP PROGRESS BAR
  • pkrishnamoorthy

  1
  0
  Votes
  1
  Posts
  314
  Views

  No one has replied

• R

  テーマを変更したらpromptでの入力文字が見えません。
  • ROBOSAKU

  2
  0
  Votes
  2
  Posts
  1107
  Views

  E

  onsenuiに含まれるdark-onsen-css-components.cssを使うと問題もありますか？それともTheme Rollerから来たファイルだけで問題がありますか？ スクリーンショットとCSSファイルを送ったらありがたいです。 （日本語が下手、すみません。）よろしくおねがいします。
• T

  Angular + Onsen setImmediate error
  • TommyPA

  5
  0
  Votes
  5
  Posts
  1398
  Views

  E

  Fixed here: https://github.com/OnsenUI/OnsenUI/pull/2735 It’s not released yet so if you need the fix now use master instead of the latest release.
• M

  Disable Swipeable Tabbar for IOS only
  • Mat-ks.com

  4
  0
  Votes
  4
  Posts
  680
  Views

  E

  I think you’re going to need to do that in JavaScript then. This should work: ons.ready(() => { if (ons.platform.isIOS()) { document.querySelector('ons-tabbar').removeAttribute('swipeable'); } });
• C

  How to do Yahoo Account Recovery?
  • contactforhelp

  1
  0
  Votes
  1
  Posts
  308
  Views

  No one has replied

• C

  How to change <ons-tab> icon colors?
  • ChunYu

  8
  0
  Votes
  8
  Posts
  1612
  Views

  E

  It’s hard to know without seeing the files, but it looks like the components directory contains CSS only for specific components. In that case you want the styles in the components directory to override the ones in onsen-css-components.css. So you should still import theme.css and onsen-css-components.css as normal, but then after the onsen-css-components.css import, import each file in the components directory. (I think.)
• M

  This topic is deleted!
  • milos12345

  2
  0
  Votes
  2
  Posts
  330
  Views
• L

  Newbie Question about templates
  • leroy_hack

  2
  0
  Votes
  2
  Posts
  407
  Views

  E

  Templates are fragments of HTML that are not rendered immediately when a page is loaded, but can be rendered later. This is useful for speeding up loading times because templates don’t need to be rendered when the app starts. For example, if your app contains a page in a template and the user never visits that page, the page will never be rendered. If you hadn’t used a template, the page would have been rendered even though the user never visited it. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template In Onsen UI, there are two ways of defining pages that the navigator can load. One is by using the template tags e.g.: <template> <ons-page>...</ons-page> </template> The other way is to define a page in a separate file (without the template tags). A template isn’t used instead of ons-page. ons-page defines an Onsen UI page; template lets the browser know that it shouldn’t be loaded at startup. I hope that helps. If you still have questions please let us know.
• 

  Hogan Automotive
  • hoganautomotive

  1
  0
  Votes
  1
  Posts
  342
  Views

  No one has replied

• S

  ons-lazy-repeat from bottom
  • Sandidro

  4
  0
  Votes
  4
  Posts
  642
  Views

  E

  Are you talking about scrolling to items that are currently in the DOM? In that case, scrollTop should work fine as long as you know the height of your items so you can figure out the position of the item you want to scroll to. If you want to scroll to an item that has not yet been loaded or has been re-hidden by the lazy list, that might be a bit more tricky.
• S

  TabBar animation
  • Sandidro

  2
  0
  Votes
  2
  Posts
  408
  Views

  E

  Unfortunately the tabbar only supports slide animations. This may answer your question (although it might be more trouble than it’s worth): https://community.onsen.io/topic/1893/ons-tabbar-lift-animation
• N

  ons-carousel-item getting blur
  • naufal17

  2
  0
  Votes
  2
  Posts
  498
  Views

  E

  It might be because you are scaling down the image size in the carousel. I haven’t checked but it looks like the width: 90% rule could be scaling the image down and causing the blurring. Does it blur when the width is 100%?
• L

  Is there a ways to create "pull to close page"?
  • Lael

  2
  0
  Votes
  2
  Posts
  412
  Views

  E

  Did you already figure it out? It looks like you can already pull to close on that page you linked.
• N

  How do I close other opened expandable items when opening a new one?
  • npad69

  3
  0
  Votes
  3
  Posts
  582
  Views

  N

  @emccorson Thank you very much. When I tried it for the first time I found out that it does not seem to work on dynamically generated lists. So what I did was to remove the ons-ready and converted it to a function to be invoked each time a new content is generated. Now its working!