With lead image in narrow_container.
6{
8 $f =
$DIC->ui()->factory();
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}