How to customize a slide box


#1

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 :

Is it possible ?

Thanks.


#2

http://ginastricklind.com/styling-the-ionic-slide-box/


#3

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 ?


#4

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


#5

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…)


#6

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.

###Ionic View ID: 9E15B2DB


#7

Ok thx!!! :slight_smile:
It’s very useful !