Ion-slide-box slide vertically?


#1

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


Disable dragging effect in slider 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>


#8

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


#9

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


#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>