WidgetsBox
Slider Layout
Overlay Slider
Basic two column slider with overlay that is always shown and autoplay. Single slides, slide controls on hover (overlay left < and right >) aswell as a dotnav below the slides.
Animated Overlay Slider
Centered three column slider where the overlay will be animated for the active element. UIkit-based primary overlay style for the content. In this example, the image size has been set to large. The values large, medium and small are available for the image sizes (height). The width is defined based on the configured columns. In addition, centred slides were activated in the module settings. This means that the active slide is always displayed in the center.
Custom Styling Notes
In addition, the elements were assigned the UIkit CSS classes uk-border-rounded and uk-overflow-hidden in order to use rounded corners based on the template (UIkit).
Animated Overlay Slider on Hover
Centered three column slider where the overlay will be animated for the active element. UIkit-based primary overlay style for the content. In this example, the image size has been set to large. The values large, medium and small are available for the image sizes (height). The width is defined based on the configured columns. In addition, centred slides were activated in the module settings. This means that the active slide is always displayed in the center. The element link is placed in the overlay.
Card Slider
Three column card slider (default card template). As slideset (whole view slides) with hover effect. Slider Controls has been placed outside top right. The buttons can be placed outside around the slider or via overlay (optionally on hover).