Documentation

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

Down

Description

Purpose: The Down Glyph allows for manually arranging rows in tables embedded in forms. It allows moving an item down.
Composition: The Down Glyph uses the glyphicon-circle-arrow-down. The Down Glyph can be combined with the Add/Remove Glyph.
Effect: Clicking on the Down Glyph moves an item down.

Context

Moving answers up in Survey matrix questions.

Rules

Usage

The Down Glyph MUST NOT be used to sort tables. There is an established sorting control for that.
The Down Glyph SHOULD not come without an Up Glyph and vice versa.
The Down Glyph is an action and SHOULD be listed in the action column of a form.

Accessibility

The aria-label MUST be ‘Down'.

Example 1: Down

Active
Inactive
Highlighted

<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\examples\Symbol\Glyph\Down;
 
function down()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $glyph = $f->symbol()->glyph()->down("#");
 
    //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