Documentation

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

Remove

Description

Purpose: The Remove Glyph serves as a replacement for the respective textual button in very crowded screens. It allows removing an item.
Composition: The Remove Glyph uses the glyphicon-minus-sign.
Effect: Clicking on the Remove Glyph deletes an existing input from a form.

Context

Removing answer options or taxonomies in questions-editing forms in tests.
Removing user notifications in a calendar item.

Rules

Usage

The Remove Glyph SHOULD not come without a corresponding Add Glyph and vice versa. Exceptions to this rule, such as the Calendar (where only elements can be added via Add Glyph, but not removed) are possible, but HAVE TO be run through the Jour Fixe.
The Remove Glyph stands for an Action and SHOULD be placed in the action column of a form.
The Remove Glyph MUST NOT be used to add lines to tables.

Accessibility

The aria-label MUST be ‘Remove'.

Example 1: Remove

Active
Inactive
Highlighted

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