100% width and height of viewport about slider-pro HOT 8 CLOSED

Try setting the width & height in Properties

$( '.slider-pro' ).sliderPro({
    width: '100%',
    height: '100%',
    forceSize: 'fullWidth'
});

from slider-pro.

@timkirtley If you set the height to 100%, you must make sure that the container in which you add the slider also has a height of 100%. If that container doesn't have any defined height, then 100% out of nothing will be nothing. That's why the slider collapses. So, if you add the slider directly in the body, you would need to add this CSS:

html, body {
    height: 100%;
}

The other option is to set the forceSize option to fullWindow.

from slider-pro.

Thanks for the reply. The slider is indeed inside a div that has a px height set which is what I dont understand..

Inspecting the main slider container '.slider-pro.sp-horizontal', it gets 'width: 100%' and 'max-width:100%' added to it but no height style, which is why I tried adding the missing 'height:100%' to the elements which gave me 100% height, but then the centering of slides wasn't correct as per my first message.

from slider-pro.

A link to your page would help. Also, please remove the extra CSS you added.

from slider-pro.

No further answer, so I assume the issue is resolved.

from slider-pro.

Hi David,
Sorry, I had to change the slideshow for one I've used in the past as was up against it with a deadline. I'll have another try with it later.
Thanks for getting back to me though.

from slider-pro.

No problem :) I like to keep the Issues section clean, so I close issues if there's no response from the user AND if the reported issue doesn't seem to be a bug. If you'll have another try later and experience problems feel free to reopen the issue or submit a new one.

from slider-pro.

Yeah I noticed that - tidy issues section was one of the reasons I tried the plugin in the first place :)

On 30 Jan 2015, at 12:18, David Ghiurau [email protected] wrote:

No problem :) I like to keep the Issues section clean, so I close issues if there's no response from the user AND if the reported issue doesn't seem to be a bug. If you'll have another try later and experience problems feel free to reopen the issue or submit a new one.

—
Reply to this email directly or view it on GitHub #20 (comment).

from slider-pro.