Since the carousel is listed under accordions in the page editor, many users do not find carousels.

To simplify the creation process, an entry Insert carousel should already be added to the context menu "Add elements". 

According to the separation of accordions and carousels during creation, the elements of a carousel should also be organized in the content style in a separate subtab.

If users select Insert Carousel from the drop-down menu, a placeholder appears in the content area. The form for creating the carousel is displayed in the Editor Tool (Slate). 

"Properties" within the slate

By transferring the properties to the slate the page itself remains visible during the carousel editing process. Users do not have to switch between "page editing" and "element editing" anymore as they have to in ILIAS 8. The following features of the "Properties" tab will be changed:

• New Setting Allow Pause:
  • A pause button is displayed.
• New Setting Show Navigationelements:
  • Navigationelements are displayed.
• Choose of style classes:
  • No Drop down if there is one style class only (Dropdown only if there is more than one style class)
•  Abandon Alignment
  • This feature will be abandoned because the accordion/carousel element has to take up the whole width of the content area anyway in order to ensure responsiveness. (Please see also below "Content width/height). Besides, the accordion alignment can be changed via content styles. 
• Abandon Content Width / Content Height:
  • As fix width/height is notcompatible with the aim of creating responsive content. Therefore both input fields will be abandoned.It will still be possible to limit the size by content style. (Note: A use of fix width/height has not been possible because of a bug since (at least) ILIAS Version 5.3.) 

The already existing options "Style Class, Alignment, Auto Animation Waiting Time and Random Start" can also be customized in the Editor Slate.

If users save their entries, the carousel is inserted in the content area. 

Edit Carousel: Panels

Following the example of the page element "data table" the editing of panels happens in the content area.

Clicking an carousel element or the title of a panel activates the element`s editing mode. 

• All panels are shown as "opened".
• Other page elements on the page will fade out.
• The slate presents the properties (see above) and the "Save"/"Cancel" button.

Each panel has an action-toggle with the following actions:

• Add panel above
• Add panel below
• Move downwards (not presented for last panel)
• Move upwards (inot presented for first panel)
• Move to the top (not presented for first panel)
• Move to the bottom (not presented for last panel)
• Delete panel

These actions are presented on the right hand of each panel, so that glyphs for behavior (if existing) and panel title remain visible.

The editing of panel titles is possible by clicking the panel title which will activate the corresponding input field.
Saving a new title happens the same way as it does in a data table: Returning to the page editing mode leads to an "auto-save".

After editing, the carousel is displayed open. The action menus are no longer displayed.  

If you close the page editor, the carousel will be displayed.

Depending on the configuration, a pause button is displayed. Clicking this button will stop the carousel and remain at the current content.

The number of panels is displayed in the center. The active panel is highlighted in color. If users click on a panel that is not active, the carousel jumps to that panel.

The navigation is displayed in the right area of the page. Using the buttons/arrows, users can navigate one panel forward or backward.