Changes for page Icon Picker Macro

Last modified by Sebastian Marsching on 2025/06/24 10:38

From version 10.1
edited by Sebastian Marsching
on 2025/06/24 10:38
Change comment: Install extension [org.xwiki.platform:xwiki-platform-icon-ui/16.10.9]
To version 5.1
edited by Sebastian Marsching
on 2022/09/10 18:03
Change comment: Install extension [org.xwiki.platform:xwiki-platform-icon-ui/14.7]

Summary

Details

Page properties
Content
... ... @@ -10,8 +10,8 @@
10 10  == Live example ==
11 11  {{code}}
12 12  {{html}}
13 - <p><label>Field 1: <input type="text" id="myPicker" /></label></p>
14 - <p><label>Field 2: <input type="text" class="fieldWithPicker" /></label></p>
13 + <p>Field 1: <input type="text" id="myPicker" /></p>
14 + <p>Field 2: <input type="text" class="fieldWithPicker" /></p>
15 15  {{/html}}
16 16  
17 17  {{iconPicker id="myPicker" class="fieldWithPicker" prefix="icon:" /}}
... ... @@ -18,8 +18,8 @@
18 18  {{/code}}
19 19  == Play with it ==
20 20  {{html}}
21 - <p><label>Field 1: <input type="text" id="myPicker" /></label></p>
22 - <p><label>Field 2: <input type="text" class="fieldWithPicker" /></label></p>
21 + <p>Field 1: <input type="text" id="myPicker" /></p>
22 + <p>Field 2: <input type="text" class="fieldWithPicker" /></p>
23 23  {{/html}}
24 24  
25 25  {{iconPicker id="myPicker" class="fieldWithPicker" prefix="icon:" /}}
XWiki.WikiMacroClass[0]
Macro code
... ... @@ -1,10 +1,10 @@
1 1  {{velocity output="false"}}
2 2   $xwiki.ssx.use('IconThemesCode.IconPicker')
3 - ## The icons themes may need some SSX, so we ask to load the resources of all icon sets to be able to display them
4 - ## in the picker.
3 + ## The icons themes may need some SSX, so we ask for a rendering of an icon of each icon theme, to be able to display
4 + ## all icon themes in the picker
5 5   ## ToDo: since it is a bit hacky, a better system would be to dynamically load the needed SSX on demand
6 6   #foreach($iconSetName in $services.icon.iconSetNames)
7 - $services.icon.use($iconSetName)
7 + $services.icon.render('wiki', $iconSetName)
8 8   #end
9 9  {{/velocity}}
10 10