Ion-slide-box slide vertically?

1

Is it possible to slide vertically using ion-slide-box ?

2

Hmmm, sounds pretty interesting. Right now it doesn’t have that ability right out of the box, but you can always make a feature request for it :smile:

3

Ok Thank you,
I am having a problem with putting

<ion-slide-box> inside <ion-nav-view></ion-nav-view>

is that a known issue?

4

Well if your using ion-nav-view as the main view, all your children views should be ion-view. Inside your ion-view, you can set up your ion-slide-box

5

This may be can help you.

6

thanks, can you give a little example please?

7

<ion-super-slide-box direction="'vertical'" show-pager="false"> <ion-super-slide> </ion-super-slide> </ion-super-slide-box>

1 Like
8

Currently, I use Swiper instead, I love the slide transition, and ng-swiper is the directive I use now

1 Like
9

#smadey can you provide and example of using swiper with ionic please?

1 Like
10

swiper not working in android mobile. In browser its working fine. how to fix this issue

11

Easy way for vertical slide box. takes 2 minutes. Check this - Vertical slide box

12 
  <ion-slide *ngFor="let category of categories; let i = index">
    <button ion-item (click)="navItems(category.id)">
      {{category.title}}
      <ion-icon name="ios-arrow-forward" item-end></ion-icon>
    </button>
  </ion-slide>
</ion-slides>