Documentation

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

Up

Description

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

Context

Moving answers up in Survey matrix questions.

Rules

Usage

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

Accessibility

The aria-label MUST be ‘Up'.

Example 1: Up

Active
Inactive
Highlighted

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