Show Advanced KnowledgeHide Advanced Knowledge

Page Editor » Section Editing

1 Initial Problem

The following FR proposes a way to integrate the workflow and settings for "sections" in the page editor into the revised ILIAS Page Editor while keeping an ey on simplifying the interface as far as possible.

2 Conceptual Summary

Structure of the form in Slate

In general, the current set of controls used to create and manage sections in the page editor can be put into the slate.

These controls can be grouped into three subsets:

• section format
• link
• availability

We have discussed several options. The options are listed in the following accordion. Due to the short, clear structure of the form and to avoid additional clicks, we prefer the first option.

Editing Text in Sections

If you add text to a section, the color of the section background should be displayed during text editing.

• Killing, Alexander [alex]: Possible technical limitation by TinyMCE.

Display changes in the Content Area

One major change, is that users should have the opportunity to actually see the visual changes that changing the section format (read css style) has on the page and the immediate context of the newly inserted or edited section.

• For Sections, a function for updating the page element according to the changes made in the form is being sought.
• "Update" corresponds to "Save and stay in the form". "Update" corresponds to "Save and stay in the form". Therefore a Refresh-/Update-Button is introduced.

The following two paragraphs describe the general representation and behavior of container elements, which include Sections. The border is not section-specific, but is used to represent all container elements. Further descriptions can be found here: Page Editor » Page Editing

Display section-borders

Not everything can be displayed permanently (e.g. labels, dropzones, create buttons, borders). Nevertheless, the page structure should become more visible.

Container Elements that can contain more than text are displayed using a border. The border is displayed permanently. 

There is no gradation of the borders (e.g. becoming thinner from the inside to the outside). The border of the container side elements is always the same.

Container Elements are bordered with only one border. Example: In a column layout, columns are not bordered individually, only the entire column layout is bordered once. This also applies to accordions, lists, and so on.

Container Elements (Status ILIAS 6):

• Column Layout

• Sections

• Advanced List

• Advanced Table

• Accordeon

• Resource lists are not bordered.

Display section-titles

The effect and label (section-title) displayed on hover should be more prominent and easier to recognize (i.e. more striking color, thicker frame and larger font).

For container elements, the hover effect "replaces" the permanent border.

The hover-effect is displayed as long as the user hovers over an element.

• The hover effect of an element (e.g. Section) is also displayed when users hover over the element's Create Buttons.
• The hover-effect of a container element is still displayed even if users hover over an element within the container element (see Screenshot).

3 User Interface Modifications

3.1 List of Affected Views

3.2 User Interface Details

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.}

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 Information

none

6 Security Implications

none

7 Contact

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

8 Funding

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

• …

9 Discussion

Kunkel, Matthias [mkunkel], 14 JUL 2020 : This request wants always to show section titles. If I remember correctly, we agreed to show the borders of sections and other content containers permanently but to display the titles only on mouse-over.

Zenzen, Enrico [ezenzen], 15 JUL 2020: I have revised the article. All points now correspond to the current state of discussion.
The display of labels and borders affects the behavior of all container elements and is described in the Page Editor » Page Editing Request. I have included the behavior description in this article and referred to the Page Editing Request. When making a decision, we should bear in mind that this behavior is intended for all container elements.

JourFixe, ILIAS [jourfixe], 20 JUL 2020 : We highly appreciate this suggestion and schedule the feature for ILIAS 7.

10 Implementation

Test Cases

Test cases completed at 12 NOV 2020 by Zenzen, Enrico [ezenzen]

• C463: Block einfügen
• C42452: Block mit einem internen Link versehen
• C42453: Block mit einem externen Link versehen
• C42455: Sichtbarkeit des Block zeitlich begrenzen
  

Approval

Approved at 11 NOV 2020 by Samoila, Oliver [oliver.samoila] as agreed with Katholische Hochschule Nordrhein-Westfalen