Page 19 of 24
Slider
To create a slideset of panels with filters, use the [slider] shortcode. The settings attribute can be used configure the parameters of the slider. See this table for all the available settings options.
| Parameter |
Description |
default |
Number of default visible in a slide set |
small |
Number of visible in a slide set at small breakpoint i.e. when viewed on a phone |
medium |
Number of visible in a slide set at medium breakpoint i.e. when viewed on a tablet |
large |
Number of visible in a slide set at large breakpoint i.e. when viewed on a laptop/desktop |
xlarge |
Number of visible in a slide set at extra large breakpoint i.e. when viewed on a large screen |
The slideset allows you to set different filters by using the [slider_filters] shortcode.
markup
[slider_filters] [filter_button style="uk-active" tag=""]All[/filter_button] [filter_button style="uk-active" tag="design"]design[/filter_button] [filter_button style="uk-active" tag="mockup"]mockup[/filter_button] [/slider_filters]
-
20% off
Good start
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
Medical school
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
Best of global
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
Top academics
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
Study breaks
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
Online Education
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
Group work
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
Show code
[slider style="tm-slideset-gravity uk-margin-large-top" settings="default: 1,small: 2,medium: 2,large: 4, xlarge: 4" animation="slide-horizontal"] [slider_filters] [filter_button tag=""]All[/filter_button] [filter_button tag="preschool"]Pre School[/filter_button] [filter_button tag="primary"]Primary[/filter_button] [filter_button tag="secondary"]Secondary[/filter_button] [/slider_filters] [slideset title="Good start" tag="primary" badge="20% off" img="images/demo/default/slideset/1.jpg" img_width="450" img_height="300" url=""]Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia[/slideset] [slideset title="Medical school" tag="secondary" badge="" img="images/demo/default/slideset/2.jpg" img_width="450" img_height="300" url=""]Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia[/slideset] [slideset title="Best of global" tag="preschool" badge="" img="images/demo/default/slideset/3.jpg" img_width="450" img_height="300" url=""]Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia[/slideset] [slideset title="Top academics" tag="primary" badge="" img="images/demo/default/slideset/4.jpg" img_width="450" img_height="300" url=""]Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia[/slideset] [slideset title="Study breaks" tag="secondary" badge="" img="images/demo/default/slideset/5.jpg" img_width="450" img_height="300" url=""]Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia[/slideset] [slideset title="Online Education" tag="primary,secondary" badge="" img="images/demo/default/slideset/6.jpg" img_width="450" img_height="300" url=""]Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia[/slideset] [slideset title="Group work" tag="primary,secondary" badge="" img="images/demo/default/slideset/7.jpg" img_width="450" img_height="300" url=""]Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia[/slideset] [/slider]
