Skip to Content

Changes for page Card Navigation

Last modified by Calvin Henderson on 2025/03/11 10:29
From version 14.26
edited by calvin_henderson
on 2024/12/18 13:02
Change comment: There is no comment for this version
To version 3.1
edited by calvin_henderson
on 2024/12/18 10:50
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,4 +1,11 @@
1 -{{cardView}}
2 -fa-user|Google|https://google.com
3 -fa-user|Google|https://google.com
4 -{{/cardView}}
1 +== Display Settings ==
2 +
3 +(% id="display-settings" style="width:570px" %)
4 +|(% style="width:158px" %)**Card Width (pixels)**|(% style="width:153px" %)**Card Height (pixels)**
5 +|(% style="width:158px" %) |(% style="width:153px" %)
6 +
7 +== Card Configuration ==
8 +
9 +(% id="cards" style="width:573px" summary="Cards" %)
10 +|(% style="width:181px" %)**Icon Name[[ 🔗>>https://fontawesome.com/v6/search?m=free||rel=" noopener noreferrer" target="_blank"]]**|(% style="width:390px" %)**Wiki Link or URL**
11 +|(% style="width:181px" %) |(% style="width:390px" %)
XWiki.WikiMacroClass[0]
code
... ... @@ -1,42 +1,0 @@
1 -{{velocity}}
2 -#set($wikiRef = $doc.documentReference.getWikiReference().getName())
3 -#set($docRef = $doc.getFullName())
4 -#set($entries = $doc.getObject('XWiki.WikiMacroClass').content)
5 -#foreach($prop in $doc.getObject('XWiki.WikiMacroClass').getProperties())
6 - $prop.name
7 -#end
8 -
9 -#if("$xcontext.action" == "edit")
10 - {{html wiki="true"}}
11 - <div style="display: grid;
12 - grid-template-columns: 1fr 1fr 1fr;
13 - gap: 10px;
14 - ">
15 -#foreach($entry in $entries.split('\n'))
16 - #set($card = $entry.split('\|'))
17 - <a href="$card[2]" style="text-decoration:none;">
18 - <div style="
19 - display:grid;
20 - text-align:center;
21 - padding:8px;
22 - border-radius:5px;
23 - border:1px solid rgba(222,222,222,1);
24 - border-bottom: 3px solid rgba(222,222,222,1);
25 - ">
26 - <i class="fa $card[0]" style="font-size:4em;"></i>
27 - <h3>$card[1]</h3>
28 - </div>
29 - </a>
30 -#end
31 - </div>
32 - {{/html}}
33 -#end
34 -
35 -
36 -----
37 -
38 -== Search ==
39 -
40 -{{documentTree root="document:$wikiRef:$docRef" finder="true" limit="30"/}}
41 -
42 -{{/velocity}}
contentDescription
... ... @@ -1,2 +1,0 @@
1 -icon-name|title|link
2 -icon-name|title|link
contentJavaType
... ... @@ -1,1 +1,0 @@
1 -Wiki
contentType
... ... @@ -1,1 +1,0 @@
1 -Mandatory
description
... ... @@ -1,1 +1,0 @@
1 -Displays a grid of cards for linking to other pages.
id
... ... @@ -1,1 +1,0 @@
1 -cardView
name
... ... @@ -1,1 +1,0 @@
1 -Card View
supportsInlineMode
... ... @@ -1,1 +1,0 @@
1 -No
visibility
... ... @@ -1,1 +1,0 @@
1 -Global
XWiki.WikiMacroParameterClass[0]
description
... ... @@ -1,0 +1,5 @@
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,0 +1,1 @@
1 +Content
type
... ... @@ -1,0 +1,1 @@
1 +Wiki