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

The Combined Slate is used in the Main Bar.

Example 1: Combined

some contents.

Horizontal Divider with Text

some contents.

 
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

UIComponent
Main Controls
Slate