# How to customize a slide box

**URL:** <https://forum.ionicframework.com/t/how-to-customize-a-slide-box/31108>\
**Category:** ionic-v1\
**Created:** [August 24, 2015, 6:36pm UTC](https://forum.ionicframework.com/t/how-to-customize-a-slide-box/31108 "2015-08-24T18:36:32Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![keanew](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@keanew](https://forum.ionicframework.com/u/keanew)\
**Post date:** [August 24, 2015, 6:36pm UTC](https://forum.ionicframework.com/t/how-to-customize-a-slide-box/31108/1 "2015-08-24T18:36:32Z")

</div>

Hi,

I’m looking for a way to customize the ion-slide-box item.  
I want to see the next and the previous slide without sliding the current slide like this :

 ![image](https://global.discourse-cdn.com/ionicframework/original/2X/b/b029dcd116121c5e0c30562ab3feb6d804373b85.png)

Is it possible ?

Thanks.

---

<div class="post-metadata">

**Author:** ![zachary545](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/zachary545/32/113831_2.png) [@zachary545](https://forum.ionicframework.com/u/zachary545)\
**Post date:** [August 25, 2015, 1:36am UTC](https://forum.ionicframework.com/t/how-to-customize-a-slide-box/31108/2 "2015-08-25T01:36:10Z")

</div>

[http://ginastricklind.com/styling-the-ionic-slide-box/](http://ginastricklind.com/styling-the-ionic-slide-box/)

---

<div class="post-metadata">

**Author:** ![keanew](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@keanew](https://forum.ionicframework.com/u/keanew)\
**Post date:** [August 25, 2015, 2:52am UTC](https://forum.ionicframework.com/t/how-to-customize-a-slide-box/31108/3 "2015-08-25T02:52:55Z")

</div>

I’ve already visit this website but it doesn’t work very well…  
I took their image to illustrate my idea.  
So is there another solution plz ?

---

<div class="post-metadata">

**Author:** ![zachary545](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/zachary545/32/113831_2.png) [@zachary545](https://forum.ionicframework.com/u/zachary545)\
**Post date:** [August 25, 2015, 7:06am UTC](https://forum.ionicframework.com/t/how-to-customize-a-slide-box/31108/4 "2015-08-25T07:06:18Z")

</div>

Not very good as CSS, maybe @mhartington, @bengtler or @Gajotres could help or you could try [http://market.ionic.io/plugins/horizontal-scroll-cards](http://market.ionic.io/plugins/horizontal-scroll-cards). Really sorry!

---

<div class="post-metadata">

**Author:** ![keanew](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@keanew](https://forum.ionicframework.com/u/keanew)\
**Post date:** [August 25, 2015, 12:13pm UTC](https://forum.ionicframework.com/t/how-to-customize-a-slide-box/31108/5 "2015-08-25T12:13:02Z")

</div>

Thank you for your answers but I have already test this solution too…  
I should mention it in my first post.  
I would like to have a slide box (sliding pages one by one) showing partially the previous and the next slide like in the picture.  
The horizontal scroll won’t permit my app to scroll elements one by one. I try to modify the Slider function in the ionic.bundle.js but I want to if there is an existing solution.

(Sorry for my bad english…)

---

<div class="post-metadata">

**Author:** ![Gajotres](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/gajotres/32/98564_2.png) [@Gajotres](https://forum.ionicframework.com/u/Gajotres)\
**Post date:** [August 28, 2015, 10:06pm UTC](https://forum.ionicframework.com/t/how-to-customize-a-slide-box/31108/6 "2015-08-28T22:06:32Z")

</div>

> [@keanew](#):
>
> I’m looking for a way to customize the ion-slide-box item. I want to see the next and the previous slide without sliding the current slide like this :

I wrote a working tutorial for you, this example is also included. This examples is not using ionic slide box, what the point. We will use another AngularJS plugin made compatible with Ionic Framework.

###Read it [here](http://www.gajotres.net/how-to-create-elegant-slider-carousel-in-ionic-framework/).

###Ionic Framework View ID: 9E15B2DB

---

<div class="post-metadata">

**Author:** ![keanew](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@keanew](https://forum.ionicframework.com/u/keanew)\
**Post date:** [September 17, 2015, 7:42pm UTC](https://forum.ionicframework.com/t/how-to-customize-a-slide-box/31108/7 "2015-09-17T19:42:30Z")

</div>

Ok thx!!! 🙂  
It’s very useful !