CODEWITHSUNDEEP
ionic-frameworkionic3
adilmrk
adilmrk

Reputation: 27

How to fit ion-slides and button in the same page in ionic 3

<ion-content >
    <ion-slides loop #Slides>
        <ion-slide >
            <h2>Slide 1</h2>
        </ion-slide>
        <ion-slide >
            <h2>Slide 2</h2>
        </ion-slide>
        <ion-slide >
            <h2>Slide 3</h2>
        </ion-slide>
    </ion-slides>
    <button ion-button full>login</button>
</ion-content>

When I use the code above, I have to scroll down to see the button. Is there any way to force all the components to be on the same page ?

Upvotes: 3

Views: 1256

Answers (1)

robbannn
robbannn

Reputation: 5013

Add this to your page SCSS:

.scroll-content {
    display: flex;
    flex-direction: column;

    ion-slides {
        display: flex;
    }
}

Upvotes: 1

Related Questions