Feature Wiki
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.
Last edited: 19. Apr 2023, 12:27, Kunkel, Matthias [mkunkel]