ILIAS 5.4 Evaluation
  • Anmelden
Screen-ID: sty/system_styles/documentation

Brotkrumen-Navigation

Dokumentation

'Kitchen Sink'-Dokumentation von Style: 'Delos' vom Skin: 'ILIAS'

Standard

Description

Purpose
Standard Panels are used in the Center Content section to group content.
Composition
Standard Panels consist of a title and a content section. The structure of this content might be varying from Standard Panel to Standard Panel. Standard Panels may contain Sub Panels.

Rivals

Cards
Often Cards are used in Decks to display multiple uniformly structured chunks of Data horizontally and vertically.

Rules

Usage
  1. In Forms Standard Panels MUST be used to group different sections into Form Parts.
  2. Standard Panels SHOULD be used in the Center Content as primary Container for grouping content of varying content.

Example 1: Base text block

Panel Title

Some Content
 
function base_text_block()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $panel = $f->panel()->standard(
        "Panel Title",
        $f->legacy("Some Content")
    );
 
    return $renderer->render($panel);
}
 

Example 2: With actions

Panel Title

Some Content
 
function with_actions()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $actions = $f->dropdown()->standard(array(
        $f->button()->shy("ILIAS", "https://www.ilias.de"),
        $f->button()->shy("GitHub", "https://www.github.com")
    ));
 
    $panel = $f->panel()->standard(
        "Panel Title",
        $f->legacy("Some Content")
    )->withActions($actions);
 
    return $renderer->render($panel);
}
 

Example 3: With listings

Panel Title

  1. item 1
  2. item 2
  3. item 3
  • item 1
  • item 2
  • item 3
 
function with_listings()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $content = array(
        $f->listing()->ordered(array("item 1","item 2","item 3")),
        $f->listing()->unordered(array("item 1","item 2","item 3"))
    );
 
    $panel = $f->panel()->standard("Panel Title", $content);
 
    return $renderer->render($panel);
}
 

Relations

Parents
  1. UIComponent
  2. Panel