Loading
Sections

Skip to content. | Skip to navigation

Easy Slider

Easy Slider is an alternative to Carousel as a way to display news items or collections of anything on your site. It offers some unique options, such as a play/pause button, as well as the ability to choose different navigation controls. This is the tool featured on UNC Health Care's newsroom.

  • Grants fund research into improving bone marrow transplant complications, outcomes

    Grants fund research into improving bone marrow transplant complications, outcomes

    Stefanie Sarantopoulos, MD, PhD, has received two grants that have helped establish her own laboratory to look into the causes of chronic graft-versus-host disease.

    Read More
  • real doctors, real people—William Goodnight

    real doctors, real people—William Goodnight

    At work, Dr. William Goodnight takes care of women with high-risk pregnancies. At play, he likes to mountain bike. And run trails. And do a little white water kayaking — all on the same day.

    Read More
  • UNC study shows potential for nanotechnology-based therapy for ovarian cancer

    UNC study shows potential for nanotechnology-based therapy for ovarian cancer

    Scientists at UNC Lineberger Comprehensive Cancer Center and Duke University Medical Center conducted a preclinical study using nanoparticle technology to deliver doses of chemo- and radiotherapy that specifically targeted metastasized ovarian cancer cells.

    Read More

Types of Sliders

Dynamically Generated

The content is pulled from a Collection or Folder the slider is applied to, and updates automatically as the contents of those containers change. 

Manually Generated

Each slide is made by hand—just as you would author something with the visual editor—one at a time. Ironically, on a Page, Easy Slider can only work this way. Collections and Folders also allow manually generated slides.

[top]

Adding a Slider

There are three places you can add Easy Slider: to a Collection, a Folder, or a Page.

To a Collection

Collections allow either dynamic or manually generated content:

  • To take an existing collection and display it's contents as a slider, click the 'display' drop down menu and select 'easyslider view' while on the collection.
  • To create slides manually, click the 'actions' drop-down menu and select 'add slider'.

    Icon IdeaTip: You can place content below any slider with a content well portlet!

To a Folder

As well, folder contents can feed Easy Slider, or manually generated content is allowed.  For dynamic feeding (of folder contents), only News Items and Images are allowed:

  • To a display a folder's contents (News Items and/or Images) in a slider, click the 'display' drop down menu and select 'easyslider view' while on the folder.
  • To create slides manually, click the 'actions' drop-down menu and select 'add slider'.

To a Page

Pages only allow manually-generated slides:

  • Click the 'actions' drop-down menu and select 'add slider'.

[top]

Customization Options

If you add a slider but can't see the customization options below, it's because they've yet to be enabled for site owners, on your site. Contact us at webhelp@med.unc.edu to have them enabled.

These options are usually visible when setting up a slider, but once a slider has been added, you can view these options by clicking the 'slider settings' tab.

  • Width The fixed width of the slider.
  • Height  The fixed height of the slider.
  • Show it? Do you want the easy slider to show on this page?
  • Effect Type Slide or fade.
  • Vertical? Should the slide transition vertically?
  • Speed Speed at which the slide will transition, in milliseconds.
  • Odd Slide Speed Speed at which the slide will transition for odd numbered slides (0 to use normal speed setting).
  • Auto? Should the slider automatically transition?
  • Pause How long the slide should pause before it is automatically transitioned.
  • Odd Slide Pause How long the slide should pause before it is automatically transitioned for odd numbered slides (0 to use normal pause setting).
  • Continuous? Should the slider continuously loop?
  • Centered? Should the easyslider be centered?
  • Type of Navigation Choose the type of navigation to use.
  • Navigation Buttons Rendering Type Only for 'Navigation Buttons' navigation type. Used to customize the rendering of navigation buttons.
  • Fade Navigation? Should the navigation fade in and out when a user hovers of the slider?
  • Resume Play Resume playing the slider after the user has manually clicked on slides(normally this behavior will disabling playing the slider)
  • Available Slide Types (Collection and Folder only) — Select the types that will be show in this slider, from the following options:
    • Image
    • News Item
  • Slides (Collection, Folder, or Page when 'add slider' is used) — Interface for laying out slides manually. Click 'add new slide' to create a new slide. For existing slides, use the 'up', 'down', 'edit', and 'delete' buttons to manage them.
  • Max Slides The max amount of content items to use for slides. Set to 0 for unlimited.
  • Image Scale  Choose the scale used for this image.

    Warning: The default preview image size of 400x400 pixels should generally be avoided. Not only does it cause images to appear cropped (given the default slider height), but Internet Explorer 7 and earlier has a bug that causes titles and descriptions to disappear!

[top]