Multiple cards stacked-up vertically per slide view


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

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>

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