Slideset

Slideset Widget

Present groups of images in sets that you can loop through. You can apply different navigations and transitions, filter items by tag and display content items in an overlay.

  • Square

    Square

  • Venice

    Venice

  • Salt

    Salt

  • Lava

    Lava

  • Capture

    Capture

  • Eat

    Eat

  • Moreno

    Moreno

  • Helios

    Helios

  • Nite

    Nite

  • Katana

    Katana

  • Unity

    Unity

  • Peak

    Peak


Filter & Items

Slideset items can be filtered by tag. Widgetkit provides different navigations for the filter function, while the Slideset navigation automatically adjusts itself to the number of items.

  • Camera

    Camera

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • Typography

    Typography

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • Portfolio App

    Portfolio App

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • Sneakers

    Sneakers

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • Corporate Identity

    Corporate Identity

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • Badge

    Badge

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • Sticker

    Sticker

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • Vintage

    Vintage

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • Workspace

    Workspace

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • Business Card

    Business Card

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • Flyer

    Flyer

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more

  • T-Shirt

    T-Shirt

    Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

    Read more


    Image Border

    Images can be displayed as rectangles, with rounded corners or as circles. You can display social links inside the overlay.


    Panels & Gutter

    You can set a background panel style for your Slideset items and apply different spacings between the items or choose to collapse the gutter altogether.

    • Logo 01
    • Logo 02
    • Logo 03
    • Logo 04
    • Logo 05
    • Logo 06
    • Logo 07
    • Logo 08
    • Logo 09
    • Logo 10
    • Logo 11
    • Logo 12

      Additional Fields

      Some of the elements that you can display inside a Slideset widget need to be defined first by creating an additional field inside the Content Manager.

      Field Description
      Tags Need to be created for filtering items.
      Social Links Available social fields are Email, Facebook, Google Plus and Twitter.
      Badge Set off text content visually from the rest of the item.

      Slideset Options

      Slideset Options Settings Description
      Navigation Dotnav Display or hide the Dotnav.
      Navigation Slidenav None, Above, Bottom Display or hide the prev/next navigation and define the position.
      Navigation Filter None, Text, Divider, Nav, Tabs Set type of filter navigation.
      Navigation Filter Position Top, Bottom Set position of filter navigation.
      Navigation Filter Alignment Left, Center, Right Set alignment of filter navigation.
      Animation Fade, Scale, Slide Horizontal, Slide Vertical, Slide Top, Slide Bottom Set animation to display next set of items.
      Animation Duration [Number] Set duration of animation per item.
      Columns Gutter Default, Collapse, Small, Medium Set gutter width between items.
      Columns Phone Portrait 1, 2, 3, 4, 5, 6 Number of columns on phones in portrait view.
      Columns Phone Landscape Inherit, 1, 2, 3, 4, 5, 6 Number of columns on phones in landscape view.
      Columns Tablet Inherit, 1, 2, 3, 4, 5, 6 Number of columns on tablets.
      Columns Desktop Inherit, 1, 2, 3, 4, 5, 6 Number of columns on desktops.
      Columns Large Screens Inherit, 1, 2, 3, 4, 5, 6 Number of columns on large screens.
      Items Panel Black, Box, Box Primary, Box Secondary, Hover, Header, Space Choose a panel styling for the item.
      Media Options Settings Description
      Display Show Media Display the media of all items.
      Media Image [Number] Set the width and height of images in pixels.
      Media Alignment Teaser, Above Title, Below Title, Last Set the media alignment.
      Media Border None, Circle, Rounded The appearance of the images inside the slideset.
      Overlay None, Link, Icon, Image (if second one exists), Social Buttons (if enabled) Define what will be displayed inside the overlay or hide the overlay.
      Content Options Settings Description
      Text Display Show or hide title, content and social buttons.
      Text Title Size H1, H2, H3, H4, Extra Large Define the font size of the title.
      Text Alignment Left, Right, Center Define the text alignment.
      Link Display Display the Read More link. The link URL is added to each item in the Content Manager.
      Link Style Text, Button, Button Primary, Button Large, Button Large Primary Set the style of the Read More link.
      Link Text [Text] Define the link text.
      Badge Display Show or hide the badge.
      Badge Style Default, Success, Warning, Danger, Text Muted, Text Primary Set the style of the badge.
      Badge Position Panel, Title Position the badge inside the panel or next to the title.
      General Options Settings Description
      Custom HTML Class [Text] Set a custom HTML class that will be added to the widget element in the rendered output.
      Custom Link Target Open all links in a new window.
      Translate »