Functions
	base ()

	repository ()

	user ()

	xl_card ()

Function Documentation

◆ base()

ILIAS\UI\examples\Deck\base ( )

description: > Example for rendering a base deck.

expected output: > ILIAS shows nine "Cards" with a title and text each. According to the browser window/desktop size a different

number of cards will be displayed per line.

Definition at line 33 of file base.php.

{
    //Init Factory and Renderer
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    //Generate some content
    $content = $f->listing()->descriptive(
        array(
            "Entry 1" => "Some text",
            "Entry 2" => "Some more text",
        )
    );
 
    //Define the some responsive image
    $image = $f->image()->responsive(
        "./assets/images/logo/HeaderIcon.svg",
        "Thumbnail Example"
    );
 
    //Define the card by using the content and the image
    $card = $f->card()->standard(
        "Title",
        $image
    )->withSections(array(
        $content,
    ));
 
    //Define the deck
    $deck = $f->deck(array($card,$card,$card,$card,$card,
        $card,$card,$card,$card));
 
    //Render
    return $renderer->render($deck);
}

References ILIAS\UI\examples\Layout\Page\Mail\$DIC, Vendor\Package\$f, and $renderer.

◆ repository()

ILIAS\UI\examples\Deck\repository ( )

description: > Example for rendering a repository card

expected output: > ILIAS shows nine base cards. Additionally every single card includes outlined icons, certificate

glyphs and action menus. You can open the menus via click.

Definition at line 33 of file repository.php.

{
    //Init Factory and Renderer
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $icon = $f->symbol()->icon()->standard('crs', 'Course');
 
    $items = array(
        $f->button()->shy("Go to Course", "#"),
        $f->button()->shy("Go to Portfolio", "#"),
        $f->divider()->horizontal(),
        $f->button()->shy("ilias.de", "http://www.ilias.de")
    );
 
    $dropdown = $f->dropdown()->standard($items);
 
 
    $content = $f->listing()->descriptive(
        array(
            "Entry 1" => "Some text",
            "Entry 2" => "Some more text",
        )
    );
 
    $image = $f->image()->responsive(
        "./assets/images/logo/HeaderIcon.svg",
        "Thumbnail Example"
    );
 
    $card = $f->card()->repositoryObject(
        "Title",
        $image
    )->withObjectIcon(
        $icon
    )->withActions(
        $dropdown
    )->withCertificateIcon(
        true
    )->withSections(
        array(
            $content,
            $content,
        )
    );
 
    //Define the deck
    $deck = $f->deck(array($card,$card,$card,$card,$card,
        $card,$card,$card,$card))->withNormalCardsSize();
 
    //Render
    return $renderer->render($deck);
}

References $DIC, Vendor\Package\$f, and $renderer.

Here is the caller graph for this function:

◆ user()

ILIAS\UI\examples\Deck\user ( )

description: > Example for rendering a user card

expected output: > ILIAS shows seven base cards with a title and text each. A button "Request Contact" is displayed below each card. Clicking the button won't activate any actions. According to the size of the

browser window/desktop the number of cards displayed in each line will change.

Definition at line 34 of file user.php.

{
    //Init Factory and Renderer
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $address = $f->listing()->descriptive(
        array(
            "Address" => "Hochschlustrasse 6",
            "" => "3006 Bern",
            "Contact" => "timon.amstutz@ilub.unibe.ch"
        )
    );
 
    //Define the some responsive image
    $image = $f->image()->responsive(
        "./assets/images/logo/HeaderIcon.svg",
        "Thumbnail Example"
    );
 
    //Define the card by using the image and add a new section with a button
    $card = $f->card()->standard(
        "Timon Amstutz",
        $image
    )->withSections(array($address,$f->button()->standard("Request Contact", "")));
 
    //Create a deck with large cards
    $deck = $f->deck(array($card,$card,$card,$card,$card,$card,$card))->withLargeCardsSize();
 
    //Render
    return $renderer->render($deck);
}

References $DIC, Vendor\Package\$f, and $renderer.

◆ xl_card()

ILIAS\UI\examples\Deck\xl_card ( )

description: > Example for rendering a XL card

expected output: > ILIAS shows three huge cards with a title and text each. The number of cards displayed in each line will change according

the size of the browser window/desktop.

Definition at line 33 of file xl_card.php.

{
    //Init Factory and Renderer
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    //Generate some content
    $content = $f->listing()->descriptive(
        array(
            "Entry 1" => "Some text",
            "Entry 2" => "Some more text",
        )
    );
 
    //Define the some responsive image
    $image = $f->image()->responsive(
        "./assets/images/logo/HeaderIcon.svg",
        "Thumbnail Example"
    );
 
    //Define the card by using the content and the image
    $card = $f->card()->standard(
        "Title",
        $image
    )->withSections(array(
        $content
    ));
 
    //Define the extra large deck
    $deck = $f->deck(array($card,$card,$card))->withExtraLargeCardsSize();
 
    //Render
    return $renderer->render($deck);
}

References $DIC, Vendor\Package\$f, and $renderer.

Functions

Function Documentation

◆ base()

number of cards will be displayed per line.

◆ repository()

glyphs and action menus. You can open the menus via click.

◆ user()

browser window/desktop the number of cards displayed in each line will change.

◆ xl_card()

the size of the browser window/desktop.