Skip to Content

Changes for page InfoboxStyles

Last modified by Mads Pedersen on 2026/07/28 06:53
From version 8.10
edited by Mads Pedersen
on 2026/01/20 14:54
Change comment: There is no comment for this version
To version 5.1
edited by Mads Pedersen
on 2026/01/20 14:32
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,3 +1,0 @@
1 -{{wikibox title="Test" data="line1=TTesting"/}}
2 -
3 -
XWiki.WikiMacroClass[0]
Macro code
... ... @@ -1,46 +2,21 @@
1 -{{velocity}}
2 2  {{html clean="false"}}
3 -<div style="float:right; width:280px; margin:0 0 1em 1em; border:1px solid #aaa; background:#f8f9fa; font-size:0.9em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
4 - <table style="width:100%; border-collapse:collapse;">
5 - ## Title Row
6 - #if($xcontext.macro.params.title && "$!xcontext.macro.params.title" != "")
7 - <caption style="background:#eeeeee; font-weight:bold; padding:10px; border:1px solid #aaa; border-bottom:none; color: #000; font-size: 1.1em;">
8 - $xcontext.macro.params.title
9 - </caption>
10 - #end
11 -
12 - ## Image Row
13 - #if($xcontext.macro.params.image && "$!xcontext.macro.params.image" != "")
2 +<div class="xwiki-infobox">
3 + <table>
4 + <caption>$escapetool.xml($!parameters.title)</caption>
5 + #if("$!parameters.image" != "")
14 14   <tr>
15 - <td colspan="2" style="text-align:center; padding:8px; background: #fff;">
16 - <img src="$xcontext.macro.params.image" style="max-width:100%; height:auto; display:block; margin: 0 auto;">
17 - #if($xcontext.macro.params.caption && "$!xcontext.macro.params.caption" != "")
18 - <div style="font-size:0.9em; color:#666; padding-top: 6px; font-style: italic;">$xcontext.macro.params.caption</div>
7 + <td colspan="2" class="xwiki-infobox-image">
8 + <img src="$escapetool.xml($!parameters.image)" alt="" />
9 + #if("$!parameters.imageCaption" != "")
10 + <div class="xwiki-infobox-image-caption">$escapetool.xml($!parameters.imageCaption)</div>
19 19   #end
20 20   </td>
21 21   </tr>
22 22   #end
23 23  
24 - ## Data Rows (Label=Value)
25 - #set($content = $xcontext.macro.params.data)
26 - #if($content && "$!content" != "")
27 - #foreach($line in $content.split("\n"))
28 - ## Trim the line and check if it has a "=" and isn't just whitespace
29 - #set($trimmedLine = $line.trim())
30 - #if($trimmedLine.contains("=") && $trimmedLine.length() > 2)
31 - #set($parts = $trimmedLine.split("=", 2))
32 - <tr>
33 - <th style="border-top:1px solid #ddd; padding:8px; text-align:left; background:#f9f9f9; width:35%; vertical-align: top; font-weight: 600;">
34 - $parts[0].trim()
35 - </th>
36 - <td style="border-top:1px solid #ddd; padding:8px; vertical-align: top; background: #fff;">
37 - $parts[1].trim()
38 - </td>
39 - </tr>
40 - #end
41 - #end
42 - #end
16 + <!-- Rows are provided by the user in the macro body -->
17 + $!content
43 43   </table>
44 44  </div>
45 45  {{/html}}
46 -{{/velocity}}
21 +
Macro content type
... ... @@ -1,1 +1,1 @@
1 -Velocity
1 +Wiki
Macro content availability
... ... @@ -1,1 +1,0 @@
1 -No content
Macro id
... ... @@ -1,1 +1,0 @@
1 -wikibox
Macro visibility
... ... @@ -1,1 +1,1 @@
1 -Current Wiki
1 +Global
XWiki.WikiMacroParameterClass[0]
Parameter description
... ... @@ -1,1 +1,0 @@
1 -The header text of the box.
Parameter name
... ... @@ -1,1 +1,0 @@
1 -title
Parameter order property
... ... @@ -1,1 +1,0 @@
1 -13
XWiki.WikiMacroParameterClass[1]
Parameter description
... ... @@ -1,1 +1,0 @@
1 -URL or attachment name for the image.
Parameter name
... ... @@ -1,1 +1,0 @@
1 -image
Parameter order property
... ... @@ -1,1 +1,0 @@
1 -12
XWiki.WikiMacroParameterClass[2]
Parameter description
... ... @@ -1,1 +1,0 @@
1 -Text under the image.
Parameter name
... ... @@ -1,1 +1,0 @@
1 -caption
Parameter order property
... ... @@ -1,1 +1,0 @@
1 -11
XWiki.WikiMacroParameterClass[3]
Parameter description
... ... @@ -1,1 +1,0 @@
1 -Write lines into the infobox like "Label=Example text"
Parameter name
... ... @@ -1,1 +1,0 @@
1 -data
Parameter order property
... ... @@ -1,1 +1,0 @@
1 -10
Parameter type
... ... @@ -1,1 +1,0 @@
1 -TextArea