Documentation

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

Login

Description

Purpose: The Login Glyph is used to trigger the login interaction. It is displayed in the Meta Bar of the user is not yet logged in.
Composition: The Login Glyph uses the login glyph from the il-icons font.
Effect: Clicking this Glyph will trigger the interaction to authenticate and login.

Context

The Login Glyph appears in the Meta Bar.

Rivals

Logout Glyph: The Logout Glyph triggers the logout interaction.

Rules

Usage

The Login Glyph MUST be displayed if no user is authenticated.

Style

The Login Glyph MUST be placed on the very top right.

Accessibility

The aria-label MUST be 'Login'.

Example 1: Login

Active
Inactive
Highlighted

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