Feature Wiki

Information about planned and released features

Tabs

Carousel

1 Requirements

The ILIAS homepage uses a carousel to display selected testimonials of different users. This is currently realised with embedded HTML code and some JavaScript. I would like to have it as a general feature of the ILIAS page editor. According to Alexander Killing, such a merry-go-round could be realised as an extension of the existing page element Accordion. Requirements would be:

  • To use (at least) paragraphs and media objects as content of a slide
  • To define the exact size of the element, e.g. 150 x 150 px
  • To define the speed
  • To define a proper CSS style for this kind of accordion
  • To have the option of a random selected start item to avoid that always the same item is shown when opening the page [1]

Using OWL Carousel

The challenge of an implementation (and the existing accordions) is to provide a mode that offers at least some responsiveness. The Owl Carousel is a nice example. The OWL carousel offers everything we need - except nesting carousels into carousels. But this does not seem to be a very relevant use case.

2 Additional Information

  • Idea / concept: Matthias Kunkel 
  • Interest in funding: ILIAS-Verein
  • Maintainer: Alexander Killiing
  • Implementation of the feature is done by Leifos GmbH
  • Contract settled: Yes
  • Tested by / status: Matthias Kunkel

3 Discussion

AT 2015-02-18: I like the Owl thing. Something like that would be very nice.

JF 30 Mar 2015: We appreciate the feature and schedule it for 5.1. The Carousel view should be an additional option for the existing "Tabs" element. We start with a minimum representation (one item, no manual navigation).

4 Implementation

It is a new setting in the accordions/tabs properties. Open: Naming of the element, since "Accordion" is not appropriate anymore.

Using style templates for carousels

Content style editing: Style classes for carousels.

Carousel Templates:

Editing carousel templates (selecting classes for the template):

Page editor: Selecting a style class/template for a carousel.

Test Cases

  • http://testrail.ilias.de/index.php?/cases/view/5103 : Akkordeon als Karussell nutzen

Approval

Kunkel, Matthias [mkunkel], May 24, 2015: Tested successfully and approved.


[1] Added to requirements by Matthias Kunkel at Feb 19, 2015)

Last edited: 19. Apr 2023, 12:27, Kunkel, Matthias [mkunkel]