Page Editor » Accordion Presentation

1 Initial Problem

The carousel there is a high demand for changes. On the one hand it does not become clear that a carousel can be added to a page by using the action "insert accordion", on the other hand users ask for control buttons if there are several panels, so that they can skip from panel to panel by themselves. 

2 Conceptual Summary

"Properties" within the slate

• Auto animation time (Carousel):
  • It becomes possible to activate further navigational elements (comparable with the already existing KS Modal "Lightbox"):
    • Pause-button - checkbox >> Default: decativated. A byline below the checkbox informs about accessibility issue if option is used.
    • Paging function - checkbox >> If an accordion has more than one panel and this option is activated, left/right-arrows will be presented so that users can move forward/backward. This goes along with a display of dots visualizing the amount of panels. Alternative: No arrows, dots only, navigation by clicking dots - but handling is diffcult on mobile devices.
      • If the checkbox is activated users can choose between two style classes - dark and bright - which gives flexibility whether a carousel is used for text carousels or image carousels.
  • The input entry is changed from milliseconds to seconds as this is more practical. It is also possible to enter "0" or to leave the input field empty so that there is no animation at all.

3 User Interface Modifications

3.1 List of Affected Views

• Carousel Live view

3.2 User Interface Details

to be discussed
There are indications that the "bubbles" for scrolling are not easy to use on mobile devices and therefore an alternative for scrolling forward/backward should be available (in the mockups < >).

Question:

• Should manual scrolling be enabled?
• Should two style classes be offered e.g. navigation more for text (light) and navigation more for image (dark)?
• If no manual scrolling is allowed, the variant would be possible that all controls (pause and "bubbles") would be placed centered.

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

No special requirements in respect of accessibility are to be expected.
For the carousel, the ability to control the content and pause the carousel provides accessibility improvements.

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

No personal data is stored or processed to implement this feature. 

6 Security

We do not see any changes for special security issues.

7 Contact

• Author of the Request: Wessels, Karin [karin.wessels] Samoila, Oliver [oliver.samoila] Seiler, Yvonne [yvseiler], 
• Maintainer: Killing, Alexander [alex], 
• Implementation of the feature is done by: {The maintainer must add the name of the implementing developer.}

8 Funding

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

• …

9 Discussion

Still to be decided:

• Visibility and usability of glyphs (expand/collapse) within editing mode

Killing, Alexander [alex], 2 Aug 2022: I have funding for the editing part settled for ILIAS 9. I will split this feature request into the editing part and the revised carousel presentation part (including the changes in the properties). The later will be implemented with ILIAS 10 earliest.

Kunkel, Matthias [mkunkel], 13 SEP 2022 : If the presented request above will be splitted into two feature request with different publishing dates (9 and 10+), I strongly recommend to split up this page. We cannot schedule one feature request for two ILIAS versions. Confusion is guaranteed otherwise...

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

10 Implementation

{ The maintainer has to give a description of the final implementation and add screenshots if possible. }

Test Cases

Test cases completed at {date} by {user}

• {Test case number linked to Testrail} : {test case title}

Approval

Approved at {date} by {user}.