Layout |
Fixed |
Slider with fixed width and height |
Full width |
Slider with fluid width and fixed height. The slider will take the entire screen width, even if the containing row is set to fixed width.
Using this feature in a multi column row may not function as it is supposed to.
|
Full screen
|
Fullscreen slider will take your entire screen width and height.
Fullscreen slider will always show on top of the screen, no matter where it is placed in the Page Builder.
|
|
Header style |
Defines the position of the header for fullscreen sliders.
Visible |
Header will show about the slider and slider will take the entire screen height minus the height of the header. |
Hidden |
Header will be positioned under the slider (under the fold).
|
|
Slides viewport |
Default resize method to fit cover image in slider frame.
Fill |
Scale the cover image to be as large as possible so that the SLIDE area is completely covered by the cover image. Some parts of the cover image may not be in view within the slide positioning area. |
Fit |
Scale the cover image to the largest size such that only its width or its height can fit inside the SLIDE content area. |
Stretch |
Scale the cover image to the largest size such that both its width and its height can fit inside the SLIDE content area. |
Center |
Center the cover image and use its original dimensions. |
|
Responsive |
Automatically resize slider to fit in the parent container. All layers are resized based on the slider aspect ratio.
Fixed |
The calculation of fixed slider ratio uses width and height values. |
Full width |
The calculation of full width slider ratio uses responsive width and height values.
|
Full screen
|
The calculation of full screen slider ratio uses responsive width and responsive height values.
|
|