Slider Composer

Responsive Settings - Jssor Slider Composer Help


Responsive Settings

In the Layout Settings window, select Responsive Settings list item.



Responsive Settings Properties

Scale To   [Optional]

Specifies the way to scale the slider while window resizing.

Full Width: Scale the slider to parent container width.
Full Height: Scale the slider to parent container height.
Window Size (Flex Mode): Scale slider to browser window size.
Window Size (Constrain Mode): Scale slider to browser window size, and prevent bullets/arrows from moving aside.
Full Size (Cover Mode): Scale the slider to parent container size.
Full Size (Constrain Mode): Scale the slider to parent container size, and prevent bullets/arrows from moving aside.


Note: for Window Size (Flex Mode), Window Size (Constrain Mode), Full Size (Flex Mode), Full Size (Constrain Mode) option, user can specify a maximum Bleed value to prevent slider content from bleeding outside too much, the default value is 12.8%.

Note: for Full Size, Full Height option, user should manually define parent container with height explicitely specified to make it work.


Bleed   [Optional]

Specifies a maximum bleed value to prevent slider from bleeding too much outside window (or its parent container), default value is 12.8%.

0%: no content will bleed outside, the slider will be all inside window (or its parent container).
100%: allow up to 100% to bleed outside, the slider will cover full area of window (or its parent container)
10%: allow up to 10% to bleed outside


Max Width   [Optional]

Specifies max width to prevent slider from scaling too wide. Default value is Original Width of Slider Container.


Max Height   [Optional]

Specifies max height to prevent slider from scaling too high. Default value is Original Height of Slider Container.