Documentation

Kitchen Sink documentation of style: 'Delos' of skin: 'ILIAS'

Numberedlist

Description

Purpose: The Numbered List Glyph is used to indicate the possibility to group related content together and organize vertically, where you need to convey a priority, hierarchy, or sequence between list items.
Composition: The Numbered List Glyph uses the glyphicon-listnumbered.
Effect: Clicking this glyph will group a list of entries with enumeration number.

Context

The Numbered List Glyph appears in the ILIAS Page Editor.

Rivals

Bullet List Glyph: The Bullet Glyph will group a list of entries with bullet points.

Rules

Usage

The Logout Glyph MUST be displayed if the user is logged in.

Accessibility

The aria-label MUST be 'Numbered List'.

Example 1: Numberedlist

Active
Inactive
Highlighted

<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\examples\Symbol\Glyph\Numberedlist;
 
function numberedlist()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $glyph = $f->symbol()->glyph()->numberedlist("#");
 
    //Showcase the various states of this Glyph
    $list = $f->listing()->descriptive([
        "Active" => $glyph,
        "Inactive" => $glyph->withUnavailableAction(),
        "Highlighted" => $glyph->withHighlight()
    ]);
 
    return $renderer->render($list);
}

Relations

Parents

UIComponent
Symbol
Glyph