1. Home
2. Onsen UI
3. Reference
4. JavaScript Core

JavaScript Core

• 

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

  7
  7
  Posts
  932
  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 •

  3
  3
  Posts
  429
  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
  ons-carousel-item js core •

  7
  7
  Posts
  755
  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 •

  8
  8
  Posts
  817
  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 •

  5
  5
  Posts
  665
  Views

  M

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

• 

  ons-icon
  js core ons-icon •

  7
  7
  Posts
  843
  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
  ons-modal js core •

  4
  4
  Posts
  448
  Views

  L

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

• 

  ons-input
  js core ons-input •

  6
  6
  Posts
  991
  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 •

  4
  4
  Posts
  559
  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-template
  js core ons-template •

  3
  3
  Posts
  582
  Views

  

  @ฟ้า-ลาสุนนท์ Have a look at the fundamentals guide.

• 

  ons-button
  js core ons-button •

  3
  3
  Posts
  453
  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 •

  4
  4
  Posts
  557
  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 •

  3
  3
  Posts
  558
  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
  ons-list js core •

  4
  4
  Posts
  735
  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 •

  1
  1
  Posts
  395
  Views

  No one has replied

• 

  ons-carousel
  js core ons-carousel •

  7
  7
  Posts
  1415
  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 •

  1
  1
  Posts
  435
  Views

  No one has replied

• 

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

  1
  1
  Posts
  486
  Views

  No one has replied

• 

  ons-ripple
  js core ons-ripple •

  1
  1
  Posts
  412
  Views

  No one has replied

• 

  ons.platform
  js core ons.platform •

  1
  1
  Posts
  380
  Views

  No one has replied