Multiple cards stacked-up vertically per slide view

Ionic Framework ionic-v3
1

Hello I’m just a newbie in mobile apps development in particular to Ionic framework. I wonder if there is a way to show multiple ion-cards stacked vertically within a single slide page?

Basically I wanted to achieved something like this:

multiple-cards-stacked-vertically-in-one-slide-page
multiple-cards-stacked-vertically-in-one-slide-page.png762×473 3.25 KB

I wonder if there’s a way to achieved this in ionic? or perhaps with CSS styling?. Please I need your help.

Cheers.
AJ

2

Something like this should do the trick

<ion-slide>
    <ion-grid>
          <ion-row>
               <ion-col>
                     <ion-card>Content</ion-card>
               <ion-col>
           </ion-row>
           <ion-row>
           ....
           </ion-row>
           .....
     </ion-grid>
</ion-slide>
1 Like
3

Thanks a lot MattE, the solution you shared works like a charm.

Cheers.
AJ

4

Please mark this thread as solved.
That makes it easier for people with the same problem in the future.