Documentation

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

Language

Description

Purpose: The Language Glyph is used to indicate the option to switch languages by some shorthand workflow without navigating to the personal settings.
Composition: The Language Glyph uses the glyphicon-lang from the il-icons set.
Effect: When clicked, the user is shown a set of active languages to choose from.

Context

The Language Glyph appears in the Meta Bar.

Rivals

Standard Icon: The Standard Icon-Set features the Language Icon, which symbolizes the Service "Language". It is not used in the Meta Bar as trigger for switching languages, but to visually identify the language as service (e.g. in the administration).

Rules

Accessibility

The aria-label MUST be 'Switch Language'.

Example 1: Language

Active
Inactive
Highlighted

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