Feature Wiki

Information about planned and released features

Tabs

(Project) Page Layout Revision - Part III

This is a project page that bundles several feature wiki pages which belong to the larger development activity for a revision of the ILIAS page layout.

Feel free to join the Working Group Page Layout Revision - Part III.

1 Aim of Project

With ILIAS 6 the main outer structure of a page was redesigned. We agreed on a layout for components mostly surrounding the content of the screen such as the Main Page, the Meta Bar, the Main Bar, Slates, Breadcrumbs and so forth. However, many functions/outputs had to be moved to ILIAS 7 first and some of them now to ILIAS 8.
Among the core aspects (random ordering):

  • Implementation of a proper concept for the notification center (The concept was created within the framework of PLR II, but could not be implemented due to lack of resources. )
  • Migrate more components to UI Components (by using existing/extending UI Components or providing new ones)
  • Organize and define the header section (e.g. Title, Description, Actions, Tabs)
  • Removing of further deprecated UI implementations
  • Further strengthen the UI on small screens

2 Conceptual Summary

The project "Page Layout Revision - Part III" picks up the loose ends of the previous revisions. We want to close further conceptual gaps and continue the revision of the ILIAS UI.

To further improve and unify the ILIAS UI the scope of the third loop of the Page Layout Revision includes the transfer of additional KS elements, the discussion of the header area (Title, Description, Actions and Tab-Navigation) and the removal of further deprecated UI implementations.

Since this project will provide probably again more work than can be achieved in one release and involves various maintainers, proper project management will be key. Therefore we propose to again to hire a project manager taking care of regular meeting, communication, setting prios and so forth.

3 Involved Maintainers and Stakeholders

4 Timeline

ILIAS 8 (Spring 2022)

The ILIAS 8 release closes the conceptual gaps from the page layout revision. Discussions about a further revision of UI components in the content area are started. 
Some trivial components are transferred to the Kitchen Sink and implemented in ILIAS.

ILIAS 9 (Spring 2023)

Due to the discussion status of the "Page Layout Revision - Part III" further UI elements of the content area are revised and transferred to KS.

5 Related Feature Requests and Status

Feature Request

Suggested by

Funding

Planned Release

Status

Separate On-Screen Chat and Notication Center

Enrico Zenzen

ILIAS e.V.

ILIAS 8

implemented

 Integrate Push Notifications into Notification Center

Enrico Zenzen

ILIAS eV, Universität Bern

ILIAS 8

implemented

Drag&Drop Files in Container Objects

Enrico
Zenzen

DigikoS, Universität Bern

ILIAS 8

implemented

Addition of missing icons for several main menu entries

Enrico Zenzen

Redundant / outdated due to Streamlining standard and outline icon set

Streamlining standard and outline icon set

Matthias Kunkel

ILIAS e.V.

ILIAS 8

implemented

6 Related Bug Reports and additional issues

6.1 Streamlining

Bug Report

Reported by

Status

Revision of the filters

Oliver Samoila

resolved

Missing icon in the "Calendar" area

Enrico Zenzen

resolved

Missing icon in the "Contact" area

Enrico Zenzen

resolved

Missing icon in the "Dashboard" area

Enrico Zenzen

resolved

Missing icon in the "Notes" area

Enrico Zenzen

resolved

Missing icon in the "Comments" area

Enrico Zenzen

resolved

6.2 Clean up

Bug Report

Reported by

Status

Redundant header less/css

Enrico Zenzen

resolved

Redundant ilLeftNav less/css

Enrico Zenzen

resolved

Redundant footer less/css

Enrico Zenzen

resolved

CSS variable is not defined

Enrico Zenzen

resolved

Redundant Breadcrumbs less-variables

Enrico Zenzen

resolved

Redundant TopBarControls & ilLeftNav less/css

Enrico Zenzen

resolved

Redundant devmode less

Enrico Zenzen

resolved

"Empty" less code should be removed

Enrico Zenzen

resolved

Some Less Variables contradict the Less Guideline

Enrico Zenzen

resolved

The disabled buttons on the Questions > Page View tab are displayed too narrowly

Enrico Zenzen

resolved

6.3 Filter

Bug Report

Reported by

Status

Revision of the filters

Oliver Samoila

resolved

UI Components Filter Collection of Issues

Timon Amstutz

resolved

Category filter: Activation of filter confiusing to new users

Fabian Kruse

resolved

Filter use on wide screens: Buttons move too far to the right

Fabian Kruse

resolved

Category filter usability: Working with fields not satisfactory

Fabian Kruse

resolved

Filter: Glyphen und Bezeichner bei ausgeschaltetem Filter

Oliver Samoila

resolved

Neue Filter unter ILIAS 6

Oliver Samoila

resolved

KS Filter: Dropdown vs. Enter

Oliver Samoila

resolved

Filter: Klartextbezeichner von Objekttypen  verwendeten Filtern bei geschlossenem Filter-Akkordeon

Oliver Samoila

resolved

Filter: Aktivieren/Deaktivieren über Toggle liefert kurzzeitig alle konfigurierten Filter

Oliver Samoila

resolved

Filter: Anzeige von nicht verwendeten Filtern bei geschlossenem Filter-Akkordeon

Oliver Samoila

resolved

Filter: Deactivating the Toggle Button

Alexander Killing

resolved

Failed test: Massenkategorie mit Standardfilter filtern

Fabian Kruse

resolved

Failed test: # Input: Container → Filter → Standard validieren

Kristina Auerswald

resolved

Failed test: # Input: Container → Filter → Standard anzeigen

Fabian Kruse

resolved

6.4 Accessibility

Bug Report

Reported by

Status

Viewcontrol > Pagination should use status engaged

Enrico Zenzen

resolved

Failed test: 2.4.3 und 2.4.7 Fokus ist gut sichtbar

Kristina Auerswald

resolved

Failed test: 1.4.1.a Hilfe ohne Farbe nutzbar

Kristina Auerswald

resolved

Contrast Errors (Tests failed)

Kristina Auerswald

resolved

Accessibility improvements

Enrico Zenzen

resolved

Tools-Tile fails contrast requirements

Alexandra Tödt

resolved

Focus outline is not visually agressive enough

Alexandra Tödt

resolved

Icons in Metabar lack contrast

Alexandra Tödt

resolved

Focus Highlight id too weak for Buttons

Alexandra Tödt

resolved

Contrast Errors

Alexandra Tödt

resolved

outlines of input fields in forms lack contrast

Alexandra Tödt

resolved

KS Forms: Error Message rather far underneath field in forms

Alexandra Tödt

resolved

Contrast of the focus outline at MainBar and Button is too low

Enrico Zenzen

resolved

6.5 Additional Issues

Bug Report

Reported by

Status

White Background for ILIAS

Yvonne Seiler

resolved

Pull Request

Reported by

Status

Introduction of missing Glyphs

Yvonne Seiler

implemented

6.6 Roadmaps

Roadmap

Reported by

Removing deprecated UI implementations

Alexander Killing

7 Former Projects

  • [[[Project] Page Layout Revision - Part II]]

8 Additional Information

  • none

9 General Discussion

Please discuss specific questions of feature requests on the related feature wiki pages. This discussion section is only for a general discussion of the project and its realisation.

Last edited: 18. Oct 2024, 17:43, Kunkel, Matthias [mkunkel]