Änderungen von Dokument Show Hide Macro

Zuletzt geändert von jklein am 2025/06/02 14:04

Von Version 20.1
bearbeitet von jklein
am 2025/06/02 14:04
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 9.12
bearbeitet von jklein
am 2025/06/02 10:00
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -3,6 +3,12 @@
3 3  with the same kind of CSS rules. However, it is now based on jQuery, and need requireJS, so it requires
4 4  XWiki 5.x or more.
5 5  
6 +{{showhide title="PublicAPI" effect="slide" effectduration="0.5"}}
7 +Inhalt
8 +Inhalt
9 +Inhalt
10 +{{/showhide}}
11 +
6 6  {{info}}
7 7  Using ##id="..."## is still supported and provide the same HTML result but it is no more needed to achieve a working animation.
8 8  {{/info}}
XWiki.JavaScriptExtension[0]
Benutze diese Erweiterung
... ... @@ -1,1 +1,1 @@
1 -onDemand
1 +currentPage
XWiki.WikiMacroClass[0]
Makro-Code
... ... @@ -29,7 +29,7 @@
29 29   data-hide-message="$hidemessage">
30 30   <div class="showhide-header-flex">
31 31   <div class="showhide-title">$title</div>
32 - <div class="showhide-icon">►</div>
32 + <div class="showhide-icon"><a> $showmessage</a></div>
33 33   </div>
34 34  </div>
35 35  {{/html}}
XWiki.WikiMacroParameterClass[0]
Parameter-Vorgabe
... ... @@ -1,0 +1,1 @@
1 +Ausklappen
XWiki.WikiMacroParameterClass[1]
Parameter-Vorgabe
... ... @@ -1,0 +1,1 @@
1 +Einklappen
XWiki.StyleSheetExtension[0]
Pufferstrategie
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,43 @@
1 +.showhide-header {
2 + border: 1px solid #ccc;
3 + background-color: #f7f7f7;
4 + border-radius: 4px 4px 0 0;
5 + padding: 8px 12px;
6 + margin-bottom: 0;
7 +}
8 +
9 +.showhide-header-flex {
10 + display: flex;
11 + justify-content: space-between;
12 + align-items: center;
13 + padding: 6px 0px;
14 + font-weight: bold;
15 +}
16 +
17 +.showhide-title {
18 + flex: 1;
19 + text-align: left;
20 +}
21 +
22 +.showhidebutton a {
23 + text-decoration: none;
24 + cursor: pointer;
25 + font-weight: normal;
26 +}
27 +
28 +.showhidecontent {
29 + border: 1px solid #ccc;
30 + border-top: none;
31 + border-radius: 0 0 4px 4px;
32 + padding: 10px;
33 + background-color: #fff;
34 +}
35 +
36 +.showhide-header:hover {
37 + background-color: #f0f0f0;
38 + cursor: default;
39 +}
40 +
41 +.showhidebutton a:hover {
42 + text-decoration: underline;
43 +}
Content Type
... ... @@ -1,0 +1,1 @@
1 +CSS
Name
... ... @@ -1,0 +1,1 @@
1 +ShowHideMacro Style
Inhalt parsen
... ... @@ -1,0 +1,1 @@
1 +Nein
Benutze diese Erweiterung
... ... @@ -1,0 +1,1 @@
1 +currentPage
© Aagon GmbH 2025
Besuchen Sie unsere Aagon-Community