How to force the swiper to be a full height slider?


#1

Based on this swiper:
https://framework7.io/react/swiper.html#examples

I want to set it to be stretched to the full page’s height, so it will be looking just as a good looking walkthrough.

Is this possible?


#2

Just set width: 100%; height: 100% to Swiper element rather with style attribute/prop or in CSS


#3

Can you show please the full code of the tag?


#4
<Swiper style={{ width: '100%', height: '100%' }} ...

#5

Okay it works thanks, how to place the text in the middle of the slide? I mean, vertical allign middle and center? BTW, shouldn’t it be by default?


#6

You need to add extra classes or styles to swiper slide to achive that. http://howtocenterincss.com