Documentation

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

Back

Description

Purpose: The Back Glyph indicates a possible change of the view. The view change leads back to some previous view.
Composition: The chevron-left glyphicon is used.
Effect: The click on a Back Glyph leads back to a previous view.

Context

Exit Member View in courses.

Rules

Usage

Back and Next Buttons MUST be accompanied by the respective Back/Next Glyph.

Style

If clicking on the Back/Next GLYPH opens a new view of an object, the Next Glyph MUST be used.
If clicking on the Back/Next GLYPH opens a previous view of an object, the Back Glyph MUST be used.

Accessibility

The aria-label MUST be ‘Back'.

Example 1: Back

Active
Inactive
Highlighted

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