Skip to Content

Changes for page Card Navigation

Last modified by Calvin Henderson on 2025/03/11 10:29
From version 5.1
edited by calvin_henderson
on 2024/12/18 10:54
Change comment: There is no comment for this version
To version 14.63
edited by calvin_henderson
on 2024/12/18 13:28
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,0 +1,4 @@
1 +{{cardView}}
2 +fa-user|Google|https://google.com
3 +fa-user|Google|https://google.com
4 +{{/cardView}}
XWiki.WikiMacroClass[0]
code
... ... @@ -1,1 +1,45 @@
1 -== test ==
1 +{{velocity}}
2 +#set($wikiRef = $doc.documentReference.getWikiReference().getName())
3 +#set($docRef = $doc.getFullName())
4 +#set($entries = $wikimacro.content)
5 +
6 +#if("$xcontext.action" == "edit")
7 +{{wikimacrocontent/}}
8 +#else
9 +
10 +
11 +{{html wiki="false"}}
12 + <div style="display: grid;
13 + grid-template-columns: 1fr 1fr 1fr;
14 + gap: 10px;
15 + ">
16 + #foreach($entry in $entries.split('\n'))
17 + #set($card = $entry.split('\|'))
18 + <a href="$card[2]" style="text-decoration:none;">
19 + <div style="
20 + display:grid;
21 + text-align:center;
22 + padding:8px;
23 + border-radius:5px;
24 + border:1px solid rgba(222,222,222,1);
25 + border-bottom: 3px solid rgba(222,222,222,1);
26 + ">
27 + <i class="fa $card[0]" style="font-size:4em;"></i>
28 + <h3>$card[1]</h3>
29 + </div>
30 + </a>
31 + #end
32 + </div>
33 +{{/html}}
34 +
35 +
36 +#if ($wikimacro.parameters.enableSearch)
37 +----
38 +
39 +== Search ==
40 +
41 +{{documentTree root="document:$wikiRef:$docRef" finder="true" limit="30"/}}
42 +
43 +#end
44 +#end
45 +{{/velocity}}
contentDescription
... ... @@ -1,0 +1,2 @@
1 +icon-name|title|link
2 +icon-name|title|link
contentType
... ... @@ -1,1 +1,1 @@
1 -No content
1 +Mandatory
XWiki.WikiMacroParameterClass[0]
description
... ... @@ -1,5 +1,0 @@
1 -(% id="cards" style="width:514px" %)
2 -|(% style="width:167px" %)**Icon Name[[ 🔗>>https://fontawesome.com/v6/search?m=free||rel="noopener noreferrer" target="_blank"]]**|(% style="width:343px" %)**Wiki Link or URL**
3 -|(% style="width:167px" %) |(% style="width:343px" %)
4 -
5 -
name
... ... @@ -1,1 +1,0 @@
1 -Content
type
... ... @@ -1,1 +1,0 @@
1 -Wiki