JavaScript Core

• 

  ons-template
  js core ons-template • • OnsenUI

  5
  0
  Votes
  5
  Posts
  2862
  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
  4266
  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
  1960
  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
  3630
  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
  4320
  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
  3000
  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
  4386
  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
  2418
  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
  3903
  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
  2569
  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
  2060
  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
  2594
  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
  2087
  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
  2694
  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
  1615
  Views

  No one has replied

• 

  ons-carousel
  js core ons-carousel • • OnsenUI

  7
  0
  Votes
  7
  Posts
  3913
  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
  1480
  Views

  No one has replied

• 

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

  1
  0
  Votes
  1
  Posts
  1592
  Views

  No one has replied

• 

  ons-ripple
  js core ons-ripple • • OnsenUI

  1
  0
  Votes
  1
  Posts
  1583
  Views

  No one has replied

• 

  ons.platform
  js core ons.platform • • OnsenUI

  1
  0
  Votes
  1
  Posts
  1407
  Views

  No one has replied