Clever Geek Handbook

How to use the range control on the ion slide page

I'm having trouble getting the range controls to work properly in my ionic app.

I have an application where I want to use ion-slide-box to be able to navigate between pages in the application. But when I place a range control on the page, I can change the value of the control's range by clicking on the control. Dragging inside the control doesn't seem to work - perhaps because the slider fires these events first.

The app must be used on both Android and IOS.

Example codepen here: http://codepen.io/flemmingdjensen/pen/emzXmB

<ion-slide-box>
  <ion-slide>
    <h1>Test of ion-slide-box and range control</h1>
    min <input type="range" style="width:80%"> max
    <br><br>
    page 1
  </ion-slide>
  <ion-slide>
    <br><br>
    page 2
  </ion-slide>
</ion-slide-box>
+3


source to share


1 answer


Try:

<input type="range" on-touch="enableSlide(false)" on-release="enableSlide(true)" />


and

$scope.enableSlide = (enable) => { $ionicSlideBoxDelegate.enableSlide(enable); };
0


source






More articles:


All Articles