Documentation

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

Launch

Description

Purpose: The Launch Glyph indicates a process to start, e.g. subscribing to a Course or triggering a SCORM Module.
Composition: The Launch Glyph uses the glyphicon plane.
Effect: Clicking the Launch Glyph will immediately start or continue the process; this may manifest as a Modal to open or the redirection to the appropriate Page.

Context

The Launch Glyph appears in the Launcher's Bulky Button.

Rules

Usage

The LAUNCH Glyph MUST NOT be used for mere navigation; focus is on a process to start, which means altering a user's relation to some object.

Accessibility

The aria-label MUST be 'launch'.

Example 1: Launch

Active
Inactive
Highlighted

<?php
/**
 * This file is part of ILIAS, a powerful learning management system
 * published by ILIAS open source e-Learning e.V.
 *
 * ILIAS is licensed with the GPL-3.0,
 * see https://www.gnu.org/licenses/gpl-3.0.en.html
 * You should have received a copy of said license along with the
 * source code, too.
 *
 * If this is not the case or you just want to try ILIAS, you'll find
 * us at:
 * https://www.ilias.de
 * https://github.com/ILIAS-eLearning
 *
 *********************************************************************/
 
declare(strict_types=1);
 
namespace ILIAS\UI\examples\Symbol\Glyph\Launch;
 
function launch()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $glyph = $f->symbol()->glyph()->launch("#");
 
    //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