# How can I have two slide-boxes at the same page?

**URL:** <https://forum.ionicframework.com/t/how-can-i-have-two-slide-boxes-at-the-same-page/64337>\
**Category:** ionic-v1\
**Created:** [September 23, 2016, 3:29pm UTC](https://forum.ionicframework.com/t/how-can-i-have-two-slide-boxes-at-the-same-page/64337 "2016-09-23T15:29:24Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ceciliassis](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ceciliassis/32/102692_2.png) [@ceciliassis](https://forum.ionicframework.com/u/ceciliassis)\
**Post date:** [September 23, 2016, 3:29pm UTC](https://forum.ionicframework.com/t/how-can-i-have-two-slide-boxes-at-the-same-page/64337/1 "2016-09-23T15:29:24Z")

</div>

Hi!  
I want to have and manipulate two sliders in the same page, how can I do it? Can I set some id for each one?

**controllers.js**

```auto
.controller('appCtrl', function($scope, $http, $ionicSlideBoxDelegate, methodsProvider, $ionicPopup) {
    methodsProvider.getTemas().then(function(data) {
      $scope.temas = data.temas[0].arquivosSinais;
    });

    $scope.confirm = function(x) {
      console.log($ionicSlideBoxDelegate.currentIndex());
    };

    $scope.previous = function() {
      $ionicSlideBoxDelegate.previous();
    };

    $scope.next = function() {
      $ionicSlideBoxDelegate.next();
    };

```

**index.html**

```auto
<ion-slide-box>
         <ion-slide ng-repeat="x in temas" ng-click="playVideo(x.arquivosSinalizacoes,x.id)">
              <img ng-src="{{x.imagemPreVisualizacao}}" alt="{{x.nome}}" />
         </ion-slide>
</ion-slide-box>
<!-- ---------------------------------------------------------------- -->
<ion-slide-box>
      <ion-slide ng-repeat="x in temas">
              <p>
                {{x.nome}}
             </p>
      </ion-slide>
</ion-slide-box>

```

The problem here is that when I use the fisrt slide-box the second one is ignored and I loose it’s values. What can I do?

---

<div class="post-metadata">

**Author:** ![ceciliassis](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ceciliassis/32/102692_2.png) [@ceciliassis](https://forum.ionicframework.com/u/ceciliassis)\
**Post date:** [September 23, 2016, 7:24pm UTC](https://forum.ionicframework.com/t/how-can-i-have-two-slide-boxes-at-the-same-page/64337/2 "2016-09-23T19:24:06Z")

</div>

I got it working, from a help of @wedgybo .

Here it is:

> [@Problem with 2 ion-slide-box on the same page](https://forum.ionicframework.com/t/problem-with-2-ion-slide-box-on-the-same-page/17696/2):
>
> You need to make use of the delegate-handle attribute.
> 
> `<ion-slide-box delegate-handle="slidebox1>`
> 
> Then you can reference the slide-box like so
> 
> `$ionicSlideBoxDelegate.$getByHandle('slidebox1').next(); `