Nested ionic slides

Ionic Framework ionic-v3
1

Hey, I am facing issues while nesting slides.trying to nest vertical slide inside the horizontal slide. This is just a sample code.


<ion-slides>
    <ion-slide  padding-left padding-right>
        <ion-slides slidesPerView="5" direction="vertical"  >
            <ion-slide *ngFor="let x of [1,2,3,4,5,6,7]">
                 hello {{ x }}
            </ion-slide>
         </ion-slides>
     </ion-slide>
 </ion-slides>

Ionic%20App%20(2)

Even slidesPerView not working.any solution?

2

Have you tried setting the height to 100%?

ion-slides {
  height: 100%;
}