Documentation

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

Standard

Description

Purpose: Standard Icons represent ILIAS Objects, Services or ideas.
Composition: An Icon is rendered as image-tag.

Rivals

Custom Icon: Custom Icons are constructed with a path to an (uploaded) image.

Rules

Style

CSS-Filters MAY be used for Standard Icons to manipulate the stroke to fit the context.

Example 1: Default icon

Small Example with Short Abbreviation

Medium Example with Short Abbreviation

Large Example with Short Abbreviation

Small Example with Long Abbreviation

Medium Example with Long Abbreviation

Large Example with Long Abbreviation

<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\examples\Symbol\Icon\Standard;
 
function default_icon()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $buffer = array();
 
    $ico = $f->symbol()->icon()->standard('someExample', 'Example');
    $ico = $ico->withAbbreviation('E');
 
    $buffer[] = $renderer->render($ico)
        . ' Small Example with Short Abbreviation';
 
    $buffer[] = $renderer->render($ico->withSize('medium'))
        . ' Medium Example with Short Abbreviation';
 
    $buffer[] = $renderer->render($ico->withSize('large'))
        . ' Large Example with Short Abbreviation';
 
 
    $ico = $f->symbol()->icon()->standard('someOtherExample', 'Example');
    $ico = $ico->withAbbreviation('LA');
 
    $buffer[] = $renderer->render($ico->withSize('small'))
        . ' Small Example with Long Abbreviation';
 
    $buffer[] = $renderer->render($ico->withSize('medium'))
        . ' Medium Example with Long Abbreviation';
 
    $buffer[] = $renderer->render($ico->withSize('large'))
        . ' Large Example with Long Abbreviation';
 
 
    return implode('<br><br>', $buffer);
}

Example 2: Disabled icon

Large Group Enabled

Large Group Disabled

<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\Examples\Symbol\Icon\Standard;
 
function disabled_icon()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $buffer = array();
 
    $ico = $f->symbol()->icon()->standard('grp', 'Group', 'large', false);
 
    $buffer[] = $renderer->render($ico) . ' Large Group Enabled';
    $buffer[] = $renderer->render($ico->withDisabled(true)) . ' Large Group Disabled';
 
    return implode('<br><br>', $buffer);
}

Example 3: Std course icon

Small Course

Medium Course

Large Course

<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\Examples\Symbol\Icon\Standard;
 
function std_course_icon()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $buffer = array();
 
    $ico = $f->symbol()->icon()->standard('crs', 'Course', 'small');
 
    $buffer[] = $renderer->render($ico)
        . ' Small Course';
 
    $buffer[] = $renderer->render($ico->withSize('medium'))
        . ' Medium Course';
 
    $buffer[] = $renderer->render($ico->withSize('large'))
        . ' Large Course';
 
 
    return implode('<br><br>', $buffer);
}

Example 4: Std icons

grp - Group

cat - Category

crs - Course

mob - Media Object

mail - Mail

sahs - Learning Module SCORM

adm - Administration

usrf - User Management

rolf - Roles

usr - User

rolt - Role Template

lngf - Languages

lng - Language

role - Role

glo - Glossary

root - Repository - Home

lm - Learning Module ILIAS

frm - Forum

exc - Exercise

auth - Authentication and Registration

fold - Folder

file - File

tst - Test

qpl - Question Pool Test

recf - Restored Objects

mep - Media Pool

htlm - Learning Module HTML

svy - Survey

spl - Question Pool Survey

cals - Calendar

trac - Statistics and Learning Progress

assf - Test and Assessment

stys - Layout and Styles

webr - Weblink

seas - Search

extt - Third Party Software

adve - Editing

ps - Privacy and Security

nwss - News and Web Feeds

feed - -obj_feed-

mcst - Mediacast

rcrs - ECS Course

mds - Metadata

cmps - Plugins

facs - Files

svyf - Survey

sess - Session

mcts - Mediacast

wiki - Wiki

crsr - Course Link

catr - Category Link

tags - Tagging

cert - Certificates

lrss - Learning Modules

accs - Accessibility

mobs - Media Objects and Pools

frma - Forum

book - Booking Pool

skmg - Competence Management

blga - Blog

prfa - Portfolio

chtr - Chat Room

chta - Chat Room

otpl - Didactic Templates

blog - Blog

dcl - Data Collection

poll - Poll

hlps - Help System

itgr - Item Group

rcat - ECS Category

rwik - ECS Wiki

rlm - ECS Learning Module

rglo - ECS Glossary

rfil - ECS File

rgrp - ECS Group

rtst - ECS Test

ecss - ECS

tos - Terms of Service

dpro - Declaration of Data Protection

impr - Legal Notice

bibl - Bibliography

sysc - System Check

cld - Cloud Object

reps - Repository

crss - Course

grps - Group

wbdv - WebDAV

wbrs - Weblink

prtt - Portfolio Template

orgu - Organisational Unit

wiks - Wiki

excs - Exercise

taxs - Taxonomy

bibs - Bibliography

awra - ‘Who is online?’-Tool

logs - Logging

prg - Study Programme

prgs - Study Programmes

cadm - Contacts

grpr - Group Link

bdga - Badges

iass - Individual Assessment

copa - Content Page

cpad - Content Pages

bgtk - Background Task

mme - Main Menu

pdfg - PDF Generation

dshs - Dashboard

prss - Personal Resources

nots - Notes

lhts - Learning History

coms - Comments

ltis - LTI

cmis - LRS

task - Task

rep - Repository

lso - Learning Sequence

lsos - Learning Sequences

adn - Administrative Notifications

nota - Notifications

gcon - -obj_gcon-

con - -obj_con-

fils - File Services

tala - Talk Templates

<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\Examples\Symbol\Icon\Standard;
 
function std_icons()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
    $lng = $DIC->language();
 
    $i = $f->symbol()->icon()->standard('NONE', 'DummyIcon');
    $default_icons = $i->getAllStandardHandles();
    $buffer = array();
 
    foreach ($default_icons as $icon) {
        $i = $f->symbol()->icon()->standard($icon, $icon, 'medium');
        $buffer[] = $renderer->render($i)
        . ' '
        . $icon
        . ' - '
        . $lng->txt("obj_$icon");
    }
 
    return implode('<br><br>', $buffer);
}

Relations

Parents

UIComponent
Symbol
Icon