Zum Inhalt springen

Wiki-Quellcode von M-Panel

Zeige letzte Bearbeiter
1 == Varianten ==
2
3 {{figure image=""}}
4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempus vitae tellus sed placerat. Fusce a ornare sapien. Maecenas porta nisi nibh. Nunc et felis vitae orci ornare facilisis eget sit amet quam. In hac habitasse platea dictumst. Fusce feugiat lacinia luctus. Mauris lobortis enim eu elit mattis efficitur. Phasellus sodales diam et cursus egestas. Proin tincidunt sem eu diam condimentum, tempus elementum ante accumsan.
5 {{/figure}}
6
7 {{figure image=""}}
8 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempus vitae tellus sed placerat. Fusce a ornare sapien. Maecenas porta nisi nibh. Nunc et felis vitae orci ornare facilisis eget sit amet quam. In hac habitasse platea dictumst. Fusce feugiat lacinia luctus. Mauris lobortis enim eu elit mattis efficitur. Phasellus sodales diam et cursus egestas. Proin tincidunt sem eu diam condimentum, tempus elementum ante accumsan.
9 {{/figure}}
10
11 {{figure image=""}}
12 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempus vitae tellus sed placerat. Fusce a ornare sapien. Maecenas porta nisi nibh. Nunc et felis vitae orci ornare facilisis eget sit amet quam. In hac habitasse platea dictumst. Fusce feugiat lacinia luctus. Mauris lobortis enim eu elit mattis efficitur. Phasellus sodales diam et cursus egestas. Proin tincidunt sem eu diam condimentum, tempus elementum ante accumsan.
13 {{/figure}}
14
15 {{panel title="Schwebepanel" float="right"}}
16 Ich schwebe am Rand und bin eine Infobox!
17
18 Ich bin der nächste Absatz!
19 {{/panel}}
20
21 {{panel title="Ich bin ein Panel"}}
22 * aaaaaaaaaaaaaaaa
23 * bbbbbbb
24 * ccccccccccccccc
25 {{/panel}}
26
27
28 {{panel title="Meinen Inhalt muss du nicht sehen" triggerable="true"}}
29 Ich bin voll langweiliger Inhalt, für den sich niemand interessiert.
30 {{/panel}}
31
32
33 {{panel title="Klick rechts, um mich zu sehen" triggerable="true" initial="hidden"}}
34 Dachtest du wirklich, hier steht was tollens!?
35 {{/panel}}
36
37
38 {{panel triggerable="true"}}
39 Mir wurde kein Titel gegeben.
40 {{/panel}}
41
42
43 {{panel type="info"}}
44 Ich bin Blaubeereis!
45 {{/panel}}
46
47 {{panel type="warning"}}
48 Gefolgt von einer Portion Vanilleeis!
49 {{/panel}}
50
51 {{panel type="error"}}
52 Und getoppt mit einer deftigen Kugel Erdbeereis!
53 {{/panel}}
54
55
56 {{panel title="Ich zeige URL in monospace an" monospace="true"}}
57 http://help4-dev.formcycle.de/xwiki/bin/edit/Makro/M-Panel?language=de
58 {{/panel}}
59
60
61 {{panel float="center"}}
62 Ich habe keinen Titel und bin zentriert!
63 {{/panel}}
64
65 {{panel fullwidth="true" title="Ich strecke mich"}}
66 über die ganze Breite aus!
67 {{/panel}}
68
69
70 == Responsive ==
71
72 Wird das Attribut reponsive gesetzt, wird der Inhalt des Panels im Responsivemodus dargestellt. Sinnvoll bei Panels kleiner Breite.
73
74 {{panel width="200" title="Responsive" responsive="true"}}
75
76 {{figure image="bluebrain.jpg" width="1000"}}Meine Breite wurde auf 1000px gestellt.{{/figure}}
77
78 {{/panel}}
79
80 == Inhalt mit XWiki-Syntax ==
81
82 {{panel title="Ich enthalte Makros!"}}
83 {{italic}}italic{{/italic}}
84 {{icon name="trash"/}}
85 {{/panel}}
86
87 == Style class ==
88
89 {{panel title="Classified panel" styleClass="xm-demo"}}
90 Panel mit einer zusätzlichen CSS-Klasse (.xm-demo)
91 {{/panel}}
92
93 {{panel title="{{code language='java'~}~}void renderItem(Div container, XItemRenderData renderData, XItemRenderCtx renderCtx, IXFormRenderContext formRenderCtx){{/code~}~}" triggerable="true" fullwidth="true" styleClass="xm-code-panel"}}
94 Panel mit der CSS-Klasse xm-code-panel
95 {{/panel}}