Manual Carousel / Slider Content Element for Page Editor

1 Initial Problem

In the course of a business training seminar a lot of pictures are taken: of flipcharts, of priority votes, a "family foto". Trainers want tp present them in the course content page and not in an object. Other teaching staff might want to present a "self-scrollable" gallery of mostly graphical content for students to brwose through manually.

The current implementation of the accordeaon and its carousel mode come close to solving this task when a ridicualouly long time is set for changing to the next panel, but there is no good visual marker that shows students how to switch from one "piece" in the gallery to the next. Many lecturers opt for H5P to serve this quite basic need.

2 Conceptual Summary

Seetings

• the Accordion type "Carousel" is renamed to "Automated Animation Carausel"
• an new type is introduced, that is basically an altered version of the automated carousel, called "Manual Carousel"
• setting for the automated animation waiting time is removed for the new type

User Presentation

• the automated animation mode remains untouched in its presentation
• in manual mode, arrows to navigate back and forth between panels are shown beneath or besides the panel content, in between the the arrrows a counter indicattes the number of the current panel and the total number of all panles in this accordion "[ < ]      2 / 10    [ > ]" 

3 User Interface Modifications

3.1 List of Affected Views

• Tab "Properties" of Setting of "Accordion" Page Element

3.2 User Interface Details

Settings

Content Presentation

Option 1

Option 2

3.3 New User Interface Concepts

{ If the proposal introduces any completely new user interface elements, you might consult UI Kitchen Sink in order to find the necessary information to propose new UI-Concepts. Note that any maintainer might gladly assist you with this. }

3.4 Accessibility Implications

{ If the proposal contains potential accessibility issues that are neither covered by existing UI components nor clarified by guidelines, please list them here. For every potential issue please either propose a solution or write down a short risk assessment about potential fallout if there would be no solution for the issue. }

4 Technical Information

{ The maintainer has to provide necessary technical information, e.g. dependencies on other ILIAS components, necessary modifications in general services/architecture, potential security or performance issues. }

5 Privacy

{ Please list all personal data that will need to be stored or processed to implement this feature. For each date give a short explanation why it is necessary to use that date. }

6 Security

{ Does the feature include any special security relevant changes, e.g. the introducion of new endpoints or other new possible attack vectors. If yes, please explain these implications and include a commitment to deliver a written security concept as part of the feature development. This concept will need an additional approvement by the JourFixe. }

7 Contact

• Author of the Request: Glaubitz, Marko [mglaubitz]
• Maintainer: Killing, Alexander [alex]
• Implementation of the feature is done by: Killing, Alexander [alex]

If you are interest in funding this feature, please add your name and institution to this list.

• Universität Freiburg

8 Discussion

CK 10.11.2014: I think that would be a good candidate for a plugin.

Matthias Kunkel, 19 Feb 2015: Thank you, Alexandra, for adding these requests. But I would really appreciate if you use one page for each feature and give each page a title that shows what the page is about. Thanks!

2023-05-31, Glaubitz, Marko [mglaubitz]: I have updated the existing feature request to meet the "new" format and I have taken the liberty to create mockups for the revised concept.

Seiler, Yvonne [yvseiler], 8 JAN 2024: There are several FR articles that have similar or identical concerns. I am linking them here so that they can be coordinated with each other if necessary: Page Editor » Carousel Revision / Pause Accordion Carousel / Manual Carousel / Slider Content Element for Page Editor / Page Editor » Accordion Presentation

9 Implementation

...