With lead image in narrow_container.
6{
9 $renderer =
$DIC->ui()->renderer();
10
11 $image =
$f->image()->responsive(
12 "src/UI/examples/Image/Avatar.png",
13 "Thumbnail Example"
14 );
15
16 $actions =
$f->dropdown()->standard(array(
17 $f->button()->shy(
"ILIAS",
"https://www.ilias.de"),
18 $f->button()->shy(
"GitHub",
"https://www.github.com")
19 ));
20
21 $list_item1 =
$f->item()->standard(
"Johnny Bravo with a very long name that should not fit")
22 ->withActions($actions)
23 ->withProperties(array(
24 "Address" => "Main Street 44, 3012 Bern"))
25 ->withDescription("[user1]")
26 ->withLeadImage($image);
27
28 $list_item2 =
$f->item()->standard(
"Max Mustermann")
29 ->withActions($actions)
30 ->withProperties(array(
31 "Address" => "Main Street 45, 3012 Bern"))
32 ->withDescription("[user2]")
33 ->withLeadImage($image);
34
35 $list_item3 =
$f->item()->standard(
"George Smith")
36 ->withActions($actions)
37 ->withProperties(array(
38 "Address" => "Main Street 46, 3012 Bern"))
39 ->withDescription("[user3]")
40 ->withLeadImage($image);
41
42 $std_list =
$f->panel()->listing()->standard(
"", array(
43 $f->item()->group(
"Your Contacts", array(
44 $list_item1,
45 $list_item2
46 )),
47 $f->item()->group(
"All Users", array(
48 $list_item3
49 ))
50 ));
51
52 return "<h3>List in il-narrow-content container</h3>" .
53 "This concept is currently under discussion and not implemented by any container."
54 . "<div class='il-narrow-content' style='max-width:300px;'>"
55 . $renderer->render($std_list)
56 . "</div>"
57 . "<h3>Same list without il-narrow-content container</h3>"
58 . $renderer->render($std_list);
59}