Notice: The Monaca & Onsen UI Community Forum is shutting down.

JavaScript Core

• 

  ons-template
  js core ons-template • • OnsenUI

  5
  0
  Votes
  5
  Posts
  5864
  Views

  E

  @icangeek Basically, just use ons-page and template and don’t bother about ons-template.
• 

  ons-splitter-side
  js core ons-splitter-side • • OnsenUI

  7
  0
  Votes
  7
  Posts
  6971
  Views

  R

  Hi! Great framework! Is there any way to fine tune the speed needed in order to init the swipe? If i slowly swipe the screen the splitter doesn’t opens up. Any ideas? THX
• 

  ons-splitter-content
  js core ons-splitter-content • • OnsenUI

  3
  0
  Votes
  3
  Posts
  3188
  Views

  A

  how can i add external pages.? to Replace “<template id=“page.html”></template>” Actually what i mean the settings & about pages are inside index.html file like “<template id=“About.html”>…</template>”. So can i include that files separately.?
• 

  ons-carousel-item
  js core ons-carousel-item • • OnsenUI

  7
  0
  Votes
  7
  Posts
  6076
  Views

  T

  I seem to have an issue with the methode: setActiveIndex(). It only seems to effective when a page is actually loaded and shown. My page is built in a way as shown below and I want the carousel to dynamically move to a specific item during the init of the page, based on a provided parameter. <ons-carousel swipeable auto-scroll overscrollable id=“carousel”> <ons-carousel-item> item A </ons-carousel-item> <ons-carousel-item> item B </ons-carousel-item> <ons-carousel-item> item C </ons-carousel-item> </ons-carousel> To achieve this I use something like the code below during the page init event: var myCarousel = document.querySelector('#carousel'); myCarousel.setActiveIndex(1); (zero based array) Testing the value with getActiveIndex() shows that setting the index worked, but when the page is shown always the first carousel item is show. regardless of the set value. When I apply the same code in the ‘show’ event it works, just like with a button click event on the page. Can be due to the fact the items are not added to the DOM yet at init phase? Well I could live with that, but the jump to the set item is noticeable and that is really not great. What do I do wrong and would be a solution for this?
• 

  ons-navigator
  js core ons-navigator • • OnsenUI

  8
  0
  Votes
  8
  Posts
  7112
  Views

  E

  I keep getting _this3.pushPage is not a function error when I try to add a button to my page for inputting form info
• 

  ons-splitter
  js core ons-splitter • • OnsenUI

  5
  0
  Votes
  5
  Posts
  4908
  Views

  M

  how to create spliter menu on google maps at main page?
• 

  ons-icon
  js core ons-icon • • OnsenUI

  7
  0
  Votes
  7
  Posts
  6831
  Views

  E

  @fran-diox: yeah, I guess I solved this issue because the build path was wrong so the file was loaded 404. Thanks for your reply.
• 

  ons-modal
  js core ons-modal • • OnsenUI

  4
  0
  Votes
  4
  Posts
  3901
  Views

  L

  @Fran-Diox I think others may need this option. It just my opinion.
• 

  ons-input
  js core ons-input • • OnsenUI

  6
  0
  Votes
  6
  Posts
  5980
  Views

  

  Hello, how to set input controls as datepicker? I wrote inside: type=“date” but after run this control shows text: dd.mm.gggg underlined, and if I click on it then appears calendar where is possbile to pick a day. After that finally date text appears as expected. How to set initially system date? Thanks
• 

  ons-page
  js core ons-page • • OnsenUI

  4
  0
  Votes
  4
  Posts
  4261
  Views

  W

  Error shows when i call the ons-page. How to resolve it. Uncaught (in promise) TypeError: page._show is not a function
• 

  ons-button
  js core ons-button • • OnsenUI

  3
  0
  Votes
  3
  Posts
  3571
  Views

  

  @Moshe-Flam Just copy the CSS component code for the button bar. There will be an ons-segment soon for the .segment CSS component, but the .button-bar will remain as CSS only.
• 

  ons.notification
  js core ons.notification • • OnsenUI

  4
  0
  Votes
  4
  Posts
  4281
  Views

  

  @jpwright It has options.callback. The description says Extends alert() parameters., which means that it implements all the parameters of ons.notification.alert plus its own paramenters. It also returns a promise with the string, which can be used instead of the callback.
• 

  ons-lazy-repeat
  js core ons-lazy-repeat • • OnsenUI

  3
  0
  Votes
  3
  Posts
  3564
  Views

  

  @tienlbhoc Look at “load more” functionality (onInfiniteScroll, without lazyRepeat). That’s a better way to deal with async calls. Otherwise, in delegate.createItemContent you can synchronously return an empty new item and then asynchronously modify its content when the data is ready.
• 

  ons-list
  js core ons-list • • OnsenUI

  4
  0
  Votes
  4
  Posts
  4189
  Views

  M

  Hello dears! How i can set a css when the ons-list-item get focus? i tried on my css without succes -> ons-list-item:focus { border-style:solid; border-width:1px }
• 

  ons-select
  js core ons-select • • OnsenUI

  1
  1
  Votes
  1
  Posts
  2923
  Views

  No one has replied

• 

  ons-carousel
  js core ons-carousel • • OnsenUI

  7
  0
  Votes
  7
  Posts
  6204
  Views

  

  @barklund I understand what you are saying and agree in regards to separation of concerns. I would say that I would think the intent of modifier was to provide some canned classes and an easy way to implement them with exposing contradicting user styling via the style attribute. I would be interested in why, as far as SoC goes, you think using style="classname" is worse than using modifier="classname"? In my opinion, they are the same thing. Now, I would agree that if the Onsen team implements something for one element, it would be nice for it to be consistent across all the elements. Having said that, since navigator is their base navigation element (like the carousel), they are consistent in not having modifier.
• 

  ons-progress-bar
  js core ons-progress-bar • • OnsenUI

  1
  0
  Votes
  1
  Posts
  2456
  Views

  No one has replied

• 

  ons-progress-circular
  js core ons-progress-circular • • OnsenUI

  1
  0
  Votes
  1
  Posts
  2536
  Views

  No one has replied

• 

  ons-ripple
  js core ons-ripple • • OnsenUI

  1
  0
  Votes
  1
  Posts
  2561
  Views

  No one has replied

• 

  ons.platform
  js core ons.platform • • OnsenUI

  1
  0
  Votes
  1
  Posts
  2319
  Views

  No one has replied