Changes for page APIMacro

Last modified by jklein on 2025/06/24 11:07

From version 33.1
edited by jklein
on 2025/06/03 07:02
Change comment: There is no comment for this version
To version 31.11
edited by jklein
on 2025/06/02 14:53
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -5,33 +5,3 @@
5 5  
6 6  Code
7 7  {{/apimacro}}
8 -
9 -{{apimacro}}
10 -Inhalt
11 -{{/apimacro}}
12 -
13 -(% class="showhide-header" data-show-duration="$effectduration" data-show-effect="$effect" %)
14 -(((
15 -(% class="showhide-header-flex" %)
16 -(((
17 -(% class="showhide-title" %)
18 -(((
19 -$title
20 -)))
21 -
22 -(% class="showhide-arrow" %)
23 -(((
24 -▶
25 -)))
26 -)))
27 -)))
28 -
29 -(% class="showhidecontent" style="display: none;" %)
30 -(((
31 -(((
32 -Inhalt
33 -)))
34 -)))
35 -
36 -
37 -
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,5 +1,8 @@
1 1  .showhide-wrapper {
2 - margin: 6px 0 20px;
2 + margin: 20px 0;
3 + border: 1px solid #ccc;
4 + border-radius: 6px;
5 + background-color: #f9f9f9;
3 3   overflow: hidden;
4 4  }
5 5  
... ... @@ -8,6 +8,7 @@
8 8   background-color: #f7f7f7;
9 9   border-radius: 4px 4px 0 0;
10 10   padding: 10px 12px;
14 + margin: 30px 0 0;
11 11   cursor: pointer;
12 12   user-select: none;
13 13  }
XWiki.WikiMacroClass[0]
Macro code
... ... @@ -20,15 +20,16 @@
20 20  #set($title = $escapetool.xml($mparams.title))
21 21  
22 22  {{html clean=false}}
23 -<div class="showhide-header"
24 - #if($id && $id!="") id="showhideheader${id}" #end
25 - data-show-duration="$effectduration"
26 - data-show-effect="$effect">
27 - <div class="showhide-header-flex">
28 - <div class="showhide-title">$title</div>
29 - <div class="showhide-arrow">&#9654;</div> ## Unicode ▶
23 +<div class="showhide-wrapper" #if($divstyle && $divstyle != "") style="$divstyle" #end>
24 + <div class="showhide-header"
25 + #if($id && $id != "") id="showhideheader${id}" #end
26 + data-show-duration="$effectduration"
27 + data-show-effect="$effect">
28 + <div class="showhide-header-flex">
29 + <div class="showhide-title">$title</div>
30 + <div class="showhide-arrow">&#9654;</div>
31 + </div>
30 30   </div>
31 -</div>
32 32  {{/html}}
33 33  
34 34  (% class="showhidecontent" #if($id && $id!="")id="showhidecontent${id}" #end#if($xcontext.action != 'edit') style="display: none;"#end %)
© Aagon GmbH 2025
Besuchen Sie unsere Aagon-Community