# Slide box is not responding when it is used in the tab view

**URL:** <https://forum.ionicframework.com/t/slide-box-is-not-responding-when-it-is-used-in-the-tab-view/20735>\
**Category:** ionic-v1\
**Created:** [April 11, 2015, 12:07am UTC](https://forum.ionicframework.com/t/slide-box-is-not-responding-when-it-is-used-in-the-tab-view/20735 "2015-04-11T00:07:35Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bahodur](https://avatars.discourse-cdn.com/v4/letter/b/13edae/32.png) [@Bahodur](https://forum.ionicframework.com/u/Bahodur)\
**Post date:** [April 11, 2015, 12:07am UTC](https://forum.ionicframework.com/t/slide-box-is-not-responding-when-it-is-used-in-the-tab-view/20735/1 "2015-04-11T00:07:35Z")

</div>

i am trying to change the slide by using tabs as prev-tab for prev slide and next-tab for slide(just because of good look). Also the on-slide-change event is there and working fine but when i call $ionicSlideBoxDelegate.next() from tab controller it is not responding, and also i found that slide-interval or auto-play are NOT working.

```
<ion-view view-title="Page 1">
<ion-content class="padding">
    <ion-slide-box on-slide-changed="slideHasChanged($index)" slide-interval="200" does-continue="true">
        <ion-slide>
            <div class="box blue">
                <h1>BLUE</h1>
            </div>
            <div class="list card">

                <div class="item">

                    <h2>Kimiya Saadat</h2>
                    <p>Chapter 1</p>
                </div>
                <ion-scroll has-bouncing="true" locking="true" zooming="true" direction="xy" style="width: 100%; height: 100%">
                    <div class="item item-image">
                        <img src="img/nature.png" style="width: 100%; height: 100%">
                    </div>
                </ion-scroll>

                <a class="item item-icon-left assertive" href="#">
                    <i class="icon ion-music-note"></i> Start listening
                </a>

            </div>
        </ion-slide>
        <ion-slide>
            <div class="box blue">
                <h1>Green</h1>
            </div>
            <div class="list card">

                <div class="item">

                    <h2>Kimiya Saadat</h2>
                    <p>Chapter 1</p>
                </div>
                <ion-scroll has-bouncing="true" locking="true" zooming="false" direction="xy" style="width: 100%; height: 100%">
                    <div class="item item-image">
                        <img src="img/nature.png" style="width: 100%; height: 100%">
                    </div>
                </ion-scroll>

                <a class="item item-icon-left assertive" href="#">
                    <i class="icon ion-music-note"></i> Start listening
                </a>

            </div>
        </ion-slide>
    </ion-slide-box>
</ion-content>

```

```
.controller('NextCtrl', function ($scope, $ionicTabsDelegate,$ionicSlideBoxDelegate) {
var delay = 100; //1 seconds
setTimeout(function () {
    $ionicTabsDelegate.select(2); $ionicSlideBoxDelegate.next();
    //your code to be executed after 1 seconds
}, delay);})

```

NextCtrl is called when next-tab is activated.

Any good implementation could be done in this project for me ???  
Thanks in advance !!!