UPDATE-RATE

Die Test-Installation wird aktuell zwischen 8:00 und 18:00 Uhr stündlich zur vollen Stunde aktualisiert.

Alles neu macht der Mai

ILIAS 9 ist da! Alle Infos zu den Highlights der neuen Version gibt es hier!

Documentation

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

Combined

Description

Purpose
The Combined Slate bundles related controls; these can also be further Slates. Combined Slates are used when a specific purpose is being subdivided into further aspects.
Composition
The Combined Slate consists of more Slates and/or Bulky Buttons and/or Horizontal Deviders. The symbol and name of contained Slates are turned into a Bulky Button to control opening and closing the contained Slate.
Effect
Opening a Combined Slate will display its contained Slates with an operating Bulky Button for closing/expanding. Clicking on a Button not connected to a Slate will carry out its action.
Context
  1. The Combined Slate is used in the Main Bar.

Example 1: Combined

  • some contents.

  • Horizontal Divider with Text

  • some contents.
<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\examples\MainControls\Slate\Combined;
 
function combined()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $icon = $f->symbol()->glyph()->comment();
    $contents = $f->legacy("some contents.");
    $slate1 = $f->maincontrols()->slate()->legacy('legacy1', $icon, $contents);
    $slate2 = $f->maincontrols()->slate()->legacy('legacy2', $icon, $contents);
    $divider = $f->divider()->horizontal()->withLabel('Horizontal Divider with Text');
 
    $glyph = $f->symbol()->glyph()->briefcase();
    $button = $f->button()->bulky($glyph, 'Button', '#');
 
    $slate = $f->maincontrols()->slate()
        ->combined('combined_example', $f->symbol()->glyph()->briefcase())
        ->withAdditionalEntry($slate1)
        ->withAdditionalEntry($button)
        ->withAdditionalEntry($divider)
        ->withAdditionalEntry($slate2);
 
 
    $triggerer = $f->button()->bulky(
        $slate->getSymbol(),
        $slate->getName(),
        '#'
    )
    ->withOnClick($slate->getToggleSignal());
 
    return $renderer->render([
        $triggerer,
        $slate
    ]);
}
 

Relations

Parents
  1. UIComponent
  2. Main Controls
  3. Slate