Changes for page Card Navigation

Last modified by Calvin Henderson on 2025/03/11 10:29

From version 14.30
edited by calvin_henderson
on 2024/12/18 13:05
Change comment: There is no comment for this version
To version 20.1
edited by calvin_henderson
on 2024/12/18 13:54
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,4 +1,4 @@
1 1  {{cardView}}
2 -fa-user|Google|https://google.com
3 -fa-user|Google|https://google.com
2 +fa-user|Users|https://google.com
3 +fa-laptop|Devices|https://google.com
4 4  {{/cardView}}
XWiki.WikiMacroClass[0]
code
... ... @@ -1,43 +1,42 @@
1 1  {{velocity}}
2 2  #set($wikiRef = $doc.documentReference.getWikiReference().getName())
3 3  #set($docRef = $doc.getFullName())
4 +#set($entries = $wikimacro.content)
5 +#if("$xcontext.action" != "edit")
4 4  
5 -#if("$xcontext.action" == "edit")
6 - |Icon Name|Title|Wiki link or URL|
7 - {{wikimacrocontent/}}
8 8  
9 -#else
10 - #set($entries = $wikimacro.content)
11 - {{html wiki="true"}}
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('\|'))
8 +{{html wiki="false"}}
9 + <div style="display: flex; flex-direction: row; gap: 10px; max-width: 1790px; flex-wrap: wrap;">
10 + #foreach($entry in $entries.split('\n'))
11 + #set($card = $entry.split('\|'))
18 18   <a href="$card[2]" style="text-decoration:none;">
19 19   <div style="
20 20   display:grid;
21 21   text-align:center;
16 + align-items: center;
17 + justify-items: center;
22 22   padding:8px;
23 23   border-radius:5px;
24 24   border:1px solid rgba(222,222,222,1);
25 25   border-bottom: 3px solid rgba(222,222,222,1);
22 + min-width: 350px; max-width: 350px;
23 + min-height: 150px; max-height: 150px;
26 26   ">
27 27   <i class="fa $card[0]" style="font-size:4em;"></i>
28 - <h3>$card[1]</h3>
26 + <h3 style="margin-top: 0;">$card[1]</h3>
29 29   </div>
30 30   </a>
31 -#end
32 - </div>
33 - {{/html}}
34 -#end
29 + #end
30 + </div>
31 +{{/html}}
35 35  
36 36  
34 +#if ($wikimacro.parameters.enableSearch == true)
37 37  ----
38 38  
39 39  == Search ==
40 40  
41 41  {{documentTree root="document:$wikiRef:$docRef" finder="true" limit="30"/}}
42 -
40 +#end
41 +#end
43 43  {{/velocity}}
contentDescription
... ... @@ -1,2 +1,1 @@
1 1  icon-name|title|link
2 -icon-name|title|link
XWiki.WikiMacroParameterClass[0]
defaultValue
... ... @@ -1,0 +1,1 @@
1 +true
description
... ... @@ -1,0 +1,1 @@
1 +Enables a local document search box below the grid
name
... ... @@ -1,0 +1,1 @@
1 +enableSearch
type
... ... @@ -1,0 +1,1 @@
1 +Unknown