Skip to Content

Ready for review

Point the converted sections of the Icon Theme Application page at the new documentation

Last modified by Eleni Cojocariu on 2026/08/25 16:43

The documentation this page holds has been converted into the documentation tree on www.xwiki.org, in two passes, and both are published. Each section is replaced here by a pointer at the page that now owns it.

SectionNow at
the opening feature listIcons
Icon ListThe XWiki Icon Set and Icon Themes
Selecting the Icon SetSelect an Icon Theme
Displaying using Wiki SyntaxAdd an Icon Using the Wiki Editor
Displaying in a ScriptDisplay an Icon in a Script
Creating a new Icon SetCreate an Icon Theme and Icon Theme Properties
Script APIIcon Script Service
Icon Picker (macro and widget)Icon Picker and Add an Icon Picker
JavaScript APIIcon JavaScript API
REST APIIcon REST API
Silk Icon ThemeThe Silk Icon Theme

Two sections are kept, byte for byte: Version Compatibility (the 6.2M1 / 9.10 -> Silk 1.3 table, which was not converted because both versions are far below the 17.10 LTS) and Links (a conference presentation attached to this page and a slideshare deck). 17807 characters become 2747.

Every heading is kept, including the ones whose body is now a single pointer: a heading's HTML id is generated from its text, so removing one would break every anchor aimed at it, and the Backlinks list never shows anchors. Three anchors aim here from www today — HIconList from documentation.xs.user.icons.displayicon-macro, and HRESTAPI and HSilkIconTheme from Documentation.DevGuide.FrontendResources.Icons — and all three still land, now on a pointer. 21 headings before, the same 21 in the same order after.

Only the description xproperty is posted; every other field and xobject is left exactly as it is. The attachments are all left in place too — administration.png, object.png, silkSet.png and silkExample.png are no longer referenced by any section, but replacing an attachment is not part of this change and the new pages carry their own screenshots. Icon Theme Presentation.pdf is still referenced, under Links.

Information

Two things for whoever merges this. This page answers HTTP 423 in the editor: it carries an XWiki.WikiMacroClass object whose code holds a {{velocity}} macro with no XWiki.RequiredRightClass, so editing has to be forced — and forcing makes the forcer the content author, re-authorising those scripts under their rights. Going through the change request did not need forcing, which is why it was done this way. And there is no approver: this change request carries no ChangeRequest.Code.ApproversClass object, while this wiki sets preventAuthorsToReview=1, so its author cannot review it.

All changes

Edition of Icon Theme Application

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -xwiki:XWiki.Admin
1 +xwiki:XWiki.elenicojocariu
ExtensionCode.ExtensionClass[0]
Description
... ... @@ -1,383 +1,77 @@
1 -Features:
1 +See [[Icons>>xwiki:documentation.xs.admin.icons.WebHome]].
2 2  
3 -* Have a set of icon names that will render differently depending on the selected Icon Theme.
4 -* Select your Icon Theme just like you select your [[Color Theme>>Extension.Color Theme Application]].
5 -* Handle both icons made with images and icons made with fonts.
6 -
7 7  = Icon List =
8 8  
9 -The current list of available icons in Icon Themes is available at the [[Icons documentation page>>xwiki:Documentation.DevGuide.FrontendResources.Icons.WebHome]].
5 +See [[The XWiki Icon Set>>xwiki:documentation.xs.admin.icons.icon-set.WebHome]] and [[Icon Themes>>xwiki:documentation.xs.admin.icons.icon-themes.WebHome]].
10 10  
11 -{{info}}
12 -To ensure the retro-compatibility, we will try to have a an equivalent to each [[silk icons>>http://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]] in every icon theme.
13 -{{/info}}
14 -
15 -Some of the Icon Themes available:
16 -
17 -(% class="table table-bordered table-hover" %)
18 -|=(% width="80%" %) Theme |=(% colspan="2" width="10%" %)Status|=Type
19 -| [[Silk>>#HSilkIconTheme]]| (Bundled) | |PNG
20 -| [[Font Awesome>>Extension.Font Awesome Icon Theme]] |(Default) (Bundled| |Font
21 -| [[Glyphicons>>Extension.Glyphicons Icon Theme.WebHome]] | |(Contrib)|Font
22 -| [[Material>>Extension.Material Icon Theme.WebHome]]| |(Contrib)|Font
23 -| [[Font Awesome 5>>Extension.Font Awesome 5 Icon Theme.WebHome]]| |(Contrib) (Experimental)|Font, SVG
24 -
25 25  = For Users =
26 26  
27 27  == Selecting the Icon Set ==
28 28  
29 -Go to the "presentation" section of the administration of your wiki.
11 +See [[Select an Icon Theme>>xwiki:documentation.xs.admin.icons.icon-themes.select-icon-theme.WebHome]].
30 30  
31 -{{image reference="administration.png"/}}
32 -
33 -Select the icon set you want to use.
34 -
35 35  == Displaying using Wiki Syntax ==
36 36  
37 -{{version since="14.10.6,15.2RC1"}}
38 -You should use the [[icon macro>>Extension.Icon Macro.WebHome]] to display an icon of the current or a chosen icon theme. Using XWiki syntax starting from this version is not recommended.
39 -{{/version}}
15 +See [[Add an Icon Using the Wiki Editor>>xwiki:documentation.xs.user.icons.add-icon-wiki-editor.WebHome]].
40 40  
41 -{{version since="14.10.6,15.2RC1"}}
42 -You should use the [[icon macro>>Extension.Icon Macro.WebHome]] to display an icon of the current or a chosen icon theme. Starting from this version, it's not recommended to use XWiki Syntax to display icons.
43 -{{/version}}
44 -
45 -You can also display an icon using XWiki Syntax 2.1+ by using the format: {{code}}image:icon:<icon name>{{/code}}
46 -
47 -For example:
48 -
49 -{{code}}
50 -image:icon:add
51 -{{/code}}
52 -
53 -{{warning}}
54 -At the moment, this feature only works for the [[Silk Icon set>>http://www.famfamfam.com/lab/icons/silk/]]. The names of the icons used for this syntax are the actual names of the Silk icons (see the Icon sets [[documentation>>xwiki:Documentation.DevGuide.FrontendResources.Icons.WebHome]] ), not the XWiki icon name as the other tools use.
55 -{{/warning}}
56 -
57 57  = For Developers =
58 58  
59 59  == Displaying in a Script ==
60 60  
61 -To display an icon, you just need to use the ##$services.icon## script service. For example:
21 +See [[Display an Icon in a Script>>xwiki:documentation.xs.dev.icons.display-icon-script.WebHome]].
62 62  
63 -{{code language="velocity"}}
64 -$services.icon.render('add')
65 -{{/code}}
66 -
67 -If you are inside the ##{{{{{html}}}}}## macro, you should use the following which will generate HTML directly:
68 -
69 -{{code language="velocity"}}
70 -$services.icon.renderHTML('add')
71 -{{/code}}
72 -
73 -Since 6.3RC1, you can render an icon from any specific icon theme present on the wiki, referenced by its name:
74 -
75 -{{code language="velocity"}}
76 -$services.icon.render('add', 'Silk')
77 -$services.icon.render('add', 'Font Awesome')
78 -
79 -## The last argument is used to disable the fallback to the default
80 -## icon theme if the icon 'add' does not exist in the 'Font Awesome' theme.
81 -$services.icon.render('add', 'Font Awesome', false)
82 -{{/code}}
83 -
84 -{{info}}
85 -The icon could be either an image or a font icon. XWiki will automatically generates the good output to display correctly the image.
86 -{{/info}}
87 -
88 -Since 10.6RC1, you can manually display an icon using its metadata:
89 -
90 -{{code language="velocity"}}
91 -## Since 10.6RC1:
92 -## Metadata of 'add' icon with current icon theme.
93 -$services.icon.getMetaData('add')
94 -## Metadata of 'add' icon using Silk theme.
95 -$services.icon.getMetaData('add', 'Silk')
96 -## Metadata of 'add' icon using Silk theme, without fallback.
97 -$services.icon.getMetaData('add', 'Silk', false)
98 -
99 -## Output example:
100 -$services.icon.getMetaData('add', 'Silk') ## {iconSetName=Silk, cssClass=, iconSetType=IMAGE, url=/xwiki/resources/icons/silk/add.png}
101 -$services.icon.getMetaData('add', 'Font Awesome') ## {iconSetName=Font Awesome, cssClass=fa fa-plus, iconSetType=FONT, url=}
102 -$services.icon.getMetaData('add', 'Invalid', false) ## {}
103 -
104 -## Usage:
105 -#set ($metadata = $services.icon.getMetaData('add'))
106 -#if ($metadata.iconSetType == 'IMAGE')
107 - {{html}}<img src="$metadata.url" alt="Icon" />{{/html}}
108 -#elseif ($metadata.iconSetType == 'FONT')
109 - {{html}}<span class="$metadata.cssClass"></span>{{/html}}
110 -#end
111 -{{/code}}
112 -
113 -The previous methods automatically pull the necessary resources to display the icon but you can also do it manually in case you are retrieving the icon from a REST API:
114 -
115 -{{code language="velocity"}}
116 -## Since 10.6RC1:
117 -## Pull the resources of the current icon theme
118 -$services.icon.use()
119 -## Pull the resources of the Silk icon theme
120 -$services.icon.use('Silk')
121 -{{/code}}
122 -
123 123  == Creating a new Icon Set ==
124 124  
125 -To create a new Icon Set, you should create a page inside the ##IconThemes## space. Then, go to the objects edit mode, and add an ##IconThemesCode.IconThemeClass## object into your page.
25 +See [[Create an Icon Theme>>xwiki:documentation.xs.dev.icons.create-icon-theme.WebHome]] and [[Icon Theme Properties>>xwiki:documentation.xs.dev.icons.create-icon-theme.icon-theme-properties.WebHome]].
126 126  
127 -{{image reference="object.png"/}}
128 -
129 -Then, edit your page with the wiki editor, and there you should fill the following content:
130 -
131 -{{code}}
132 -## General settings
133 -xwiki.iconset.type =
134 -xwiki.iconset.render.wiki =
135 -xwiki.iconset.render.html =
136 -xwiki.iconset.icon.url =
137 -xwiki.iconset.icon.cssClass =
138 -xwiki.iconset.css =
139 -xwiki.iconset.ssx =
140 -xwiki.iconset.jsx =
141 -
142 -## Icons
143 -accept =
144 -add =
145 -...
146 -{{/code}}
147 -
148 -|=xwiki.iconset.type|type of your icon set. Could be "image" or "font".
149 -|=xwiki.iconset.render.wiki|enter here the wiki syntax that will display the icon. This line will be parsed by Velocity, and the ##$icon## variable will correspond to the icon to display.
150 -Example: {{code language="velocity"}}xwiki.iconset.render.wiki = image:path:$xwiki.getSkinFile("icons/silk/${icon}.png"){{/code}}
151 -|=xwiki.iconset.render.html|enter here the HTML code that will display the icon. This line will be parsed by Velocity, and the ##$icon## variable will correspond to the icon to display.
152 -Example: {{code language="velocity"}}xwiki.iconset.render.html = <img src="$xwiki.getSkinFile("icons/silk/${icon}.png")" alt="Icon" />{{/code}}
153 -|=xwiki.iconset.icon.url|enter here the Velocity code that will render the css classes of the icon. The ##$icon## variable will correspond to the icon to display.
154 -Example: {{code language="velocity"}}xwiki.iconset.icon.url = $xwiki.getSkinFile("icons/silk/${icon}.png"){{/code}}
155 -|=xwiki.iconset.icon.cssClass|enter here the Velocity code that will render the URL of the icon. The ##$icon## variable will correspond to the icon to display.
156 -Example: {{code language="velocity"}}xwiki.iconset.icon.cssClass = fa fa-${icon}{{/code}}
157 -|=xwiki.iconset.css|//(optional)// URL of a CSS file to enable to display the icon correctly. Will be parsed by Velocity. {{version since="17.9.0RC1"}}You can specify several CSS URLs separated by a comma (like ##url1,url2##).{{/version}}
158 -Example: {{code language="velocity"}}xwiki.iconset.css = $services.webjars.url('font-awesome/4.1.0/css/font-awesome.min.css'){{/code}}
159 -|=xwiki.iconset.ssx|//(optional)// Name of a page containing a Style Sheet Extension to enable to display the icon correctly.
160 -Example: {{code language="velocity"}}xwiki.iconset.ssx = IconThemes.FontAwesome{{/code}}
161 -|=xwiki.iconset.jsx|//(optional)// Name of a page containing a JavaScript Extension to enable to display the icon correctly.
162 -Example: {{code language="velocity"}}xwiki.iconset.jsx = IconThemes.FontAwesome{{/code}} {{info}}Since 6.2-M2{{/info}}
163 -
164 -Then, you enter all the icons with the following format:
165 -
166 -{{code}}
167 -name = value
168 -{{/code}}
169 -
170 -Example:
171 -
172 -{{code}}
173 -add = fa-plus-circle
174 -{{/code}}
175 -
176 -{{version since="17.6.0RC1"}}
177 -Certain simple Velocity expressions have special handling in icon rendering, these are in particular those mentioned above, i.e., using exactly one of ##${icon}##, ##$services.webjars.url## or ##$xwiki.getSkinFile## as shown in the examples above without any other Velocity code will be much faster than other Velocity expressions. This performance difference can be experienced best when using the icon picker. If you need to use other Velocity code that could also benefit from a shortcut, feel free to [[open an issue>>dev:Community.Contributing||anchor="HReportanissue"]].
178 -{{/version}}
179 -
180 180  == Script API ==
181 181  
182 -The icon module provides some script services:
29 +See [[Icon Script Service>>xwiki:documentation.xs.dev.icons.script-service.WebHome]].
183 183  
184 -{{code language="velocity"}}
185 -$services.icon.render('home') ## generate the wiki syntax to display the icon
186 -$services.icon.render('home', 'Font Awesome') ## same, but also sets the icon theme to use
187 -$services.icon.render('home', 'Font Awesome', true) ## same, but enable or not the fallback, ie if the default icon theme is used if the icon theme specified does not exist or does not contain the specified icon.
188 -$services.icon.renderHTML('home') ## generate the HTML code to display the icon
189 -$services.icon.renderHTML('home', 'Font Awesome') ## see previously
190 -$services.icon.renderHTML('home', 'Font Awesome', true) ## see previously
191 -$services.icon.iconSetNames ## returns the list of all icon theme available in the wiki
192 -$services.icon.iconNames ## returns the list of all icons that contains the current icon theme
193 -$services.icon.getIconNames('Font Awesome') ## returns the list of all icons that contains the specified icon theme
194 -$services.icon.currentIconSetName ## returns the name of the current icon theme (which is setted in the preferences)
195 -{{/code}}
196 -
197 197  == Icon Picker ==
198 198  
199 -{{version since="6.4M2"}} This application proposes a picker to help user selecting an image inside the list of supported icons. {{/version}}
200 -{{version since="16.8.0RC1"}}The picker now proposes a smart range of icons, ordered alphabetically, instead of the hard coded list that was proposed before.{{/version}}
33 +See [[Icon Picker>>xwiki:documentation.xs.dev.icons.icon-picker.WebHome]] and [[Add an Icon Picker>>xwiki:documentation.xs.dev.icons.add-icon-picker.WebHome]].
201 201  
202 -{{image reference="icon-picker.png"/}}
203 -
204 -There is 2 ways for enabling it in your scripts: via a wiki macro or directly in javascript.
205 -
206 206  === Icon Picker Macro ===
207 207  
208 -Using this macro is the easiest way to enable the icon picker.
37 +See [[the iconPicker macro>>xwiki:documentation.xs.dev.icons.icon-picker.WebHome||anchor="HTheiconPickermacro"]].
209 209  
210 210  ==== Usage ====
211 211  
212 -{{code}}
213 -{{iconPicker id="" class="" prefix="" /}}
214 -{{/code}}
41 +See [[Add an Icon Picker>>xwiki:documentation.xs.dev.icons.add-icon-picker.WebHome]].
215 215  
216 -**Where:**
217 -
218 -|=id (optional)|DOM id of the input field where the picker will apply
219 -|=class (optional)|CSS class of inputs where the picker will apply
220 -|=prefix (optional)|Prefix to add before the name of the icon in the input field (default: "{{{image:icon:}}}")
221 -
222 222  === Example ===
223 223  
224 -{{code}}
225 -{{html}}
226 - <p>Field 1: <input type="text" id="myPicker" /></p>
227 - <p>Field 2: <input type="text" class="fieldWithPicker" /></p>
228 -{{/html}}
45 +See [[Add an Icon Picker>>xwiki:documentation.xs.dev.icons.add-icon-picker.WebHome]].
229 229  
230 -{{iconPicker id="myPicker" class="fieldWithPicker" prefix="icon:" /}}
231 -{{/code}}
232 -
233 233  === Icon Picker Widget ===
234 234  
235 -The Icon Picker is a jQuery plugin that you can use through requirejs. It is far more easier to use the User Picker Macro, but in case you need it, we describe here an example of use.
49 +See [[the jQuery plugin>>xwiki:documentation.xs.dev.icons.icon-picker.WebHome||anchor="HThejQueryplugin"]].
236 236  
237 237  ==== Example ====
238 238  
239 -With Velocity and HTML:
53 +See [[the jQuery plugin>>xwiki:documentation.xs.dev.icons.icon-picker.WebHome||anchor="HThejQueryplugin"]].
240 240  
241 -{{code language="velocity"}}
242 -## Enable the CSS of the picker:
243 -#set($discard = $xwiki.ssx.use('IconThemesCode.IconPicker'))
244 -
245 -## JavaScript code:
246 -<script language="javascript">
247 - // Configure requirejs to load the picker code
248 - require.config({
249 - paths: {
250 - 'xwiki-icon-picker': '$xwiki.getURL($services.model.createDocumentReference('', 'IconThemesCode', 'IconPicker'), 'jsx', "minify=$!{escapetool.url($request.minify)}")'
251 - }
252 - });
253 -
254 - // Require jquery and the icon picker
255 - require(['jquery', 'xwiki-icon-picker'], function($) {
256 - // Here you can bind the picker to some elements.
257 - // Examples:
258 - $('#someElement').xwikiIconPicker(); // apply the picker to the field #someElement
259 - $('#someElement').xwikiIconPicker({prefix: 'image:icon:'}); // change the prefix inserted before the icon name
260 - });
261 -</script>
262 -
263 -## 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
264 -## all icon themes in the picker
265 -## ToDo: since it is a bit hacky, a better system would be to dynamically load the needed SSX on demand
266 -#foreach($iconSetName in $services.icon.iconSetNames)
267 - #set($discard = $services.icon.render('wiki', $iconSetName))
268 -#end
269 -{{/code}}
270 -
271 271  == JavaScript API ==
272 272  
273 -{{version since="18.2.0RC1,17.10.5"}}
274 -You can load and display icons from the current icon theme using JavaScript like this:
57 +See [[Icon JavaScript API>>xwiki:documentation.xs.dev.icons.javascript-api.WebHome]].
275 275  
276 -{{code language="js"}}
277 -// 1. Declare the icons you want to load:
278 -define('my-module-icons', {
279 - icons: ['cross', ...]
280 -});
281 -
282 -// 2. Load the icons.
283 -define('my-module', [
284 - 'xwiki-icon!my-module-icons',
285 -], function(icons) {
286 - // 3. Display the icon.
287 - document.querySelector('.my-icon-wrapper').append(icons.cross.render());
288 -
289 - // You can also check the icon metadata.
290 - const isFontIconTheme = icons.cross.iconSetType === 'FONT';
291 -});
292 -{{/code}}
293 -{{/version}}
294 -
295 295  == REST API ==
296 296  
297 -{{version since="13.4RC1"}}
298 -The icons of a theme can be accessed using the REST API. Two endpoints are available, one to access the information about the icons of the default theme, and the other to access the information about the icons of a given theme.
61 +See [[Icon REST API>>xwiki:documentation.xs.dev.icons.rest-api.WebHome]].
299 299  
300 300  === /wikis/{wikiName}/iconThemes/icons[?[name~=n]*] ===
301 301  
302 -* **HTTP Method**: GET
303 -** **Media Types:** ##application/xml## or ##application/json##
304 -** **Description: **Provides the metadata of the icons of the current icon theme in a given ##{wikiName}## wiki
305 -** **Query Parameters:**
306 -*** **name:** (multiple) the name of the requested icons
307 -** **Status Code:**
308 -*** 200: if the request was successful
309 -** **Response:**
310 -*** An object with two attributes: ##icon## is a list of the requested icons metadata, and ##missingIcons## an array of names of requested icons that couldn't be found in the current theme.
65 +See [[Icon REST API>>xwiki:documentation.xs.dev.icons.rest-api.WebHome]].
311 311  
312 312  === /wikis/{wikiName}/iconThemes/{iconTheme}/icons[?[name~=n]*] ===
313 313  
314 -* **HTTP Method**: GET
315 -** **Media Types:** ##application/xml## or ##application/json##
316 -** **Description: **Provides the metadata of the icons of the ##{iconTheme}## icon theme in a given ##{wikiName}## wiki
317 -** **Query Parameters:**
318 -*** **name:** (multiple) the name of the requested icons
319 -** **Status Code:**
320 -*** 200: if the request was successful
321 -** **Response:**
322 -*** An object with two attributes: ##icon## is a list of the requested icons metadata, and ##missingIcons## an array of names of requested icons that couldn't be found in the requested theme.
69 +See [[Icon REST API>>xwiki:documentation.xs.dev.icons.rest-api.WebHome]].
323 323  
324 -Examples:
325 -
326 -{{code language="bash"}}
327 -# Request the metata of 3 icons (2 known and 1 unknown) in the current theme
328 -$ curl -H 'Accept: application/json' http://localhost:8080/xwiki/rest/wikis/xwiki/iconThemes/icons?name=add&name=home&name=unknown
329 -# {"icons":[{"name":"add","iconSetType":"FONT","iconSetName":"Font Awesome","cssClass":"fa fa-plus","url":null},{"name":"home","iconSetType":"FONT","iconSetName":"Font Awesome","cssClass":"fa fa-home","url":null}],"missingIcons":["unknown"]}
330 -
331 -# Same request as above but with the Silk theme
332 -$ curl -H 'Accept: application/json' http://localhost:8080/xwiki/rest/wikis/xwiki/iconThemes/Silk/icons?name=add&name=home&name=unknown
333 -# {"icons":[{"name":"add","iconSetType":"IMAGE","iconSetName":"Silk","cssClass":null,"url":"http://localhost:8080/xwiki/resources/icons/silk/add.png?cache-version=1621078386000"},{"name":"home","iconSetType":"IMAGE","iconSetName":"Silk","cssClass":null,"url":"http://localhost:8080/xwiki/resources/icons/silk/house.png?cache-version=1621078386000"}],"missingIcons":["unknown"]}
334 -
335 -# Same two requests as above but with the default xml media type
336 -$ curl http://localhost:8080/xwiki/rest/wikis/xwiki/iconThemes/icons?name=add&name=home&name=unknown
337 -?prefix=administration.section.users&locale=fr&key=.deleteUser.newAuthor.error&key=.enableUser.inProgress
338 -# <icons xmlns="http://www.xwiki.org/icon"><icon><name>add</name><iconSetType>FONT</iconSetType><iconSetName>Font Awesome</iconSetName><cssClass>fa fa-plus</cssClass></icon><icon><name>home</name><iconSetType>FONT</iconSetType><iconSetName>Font Awesome</iconSetName><cssClass>fa fa-home</cssClass></icon><missingIcons>unknown</missingIcons></icons>
339 -
340 -$ curl http://localhost:8080/xwiki/rest/wikis/xwiki/iconThemes/Silk/icons?name=add&name=home&name=unknown
341 -# <icons xmlns="http://www.xwiki.org/icon"><icon><name>add</name><iconSetType>IMAGE</iconSetType><iconSetName>Silk</iconSetName><url>http://localhost:8080/xwiki/resources/icons/silk/add.png?cache-version=1621078386000</url></icon><icon><name>home</name><iconSetType>IMAGE</iconSetType><iconSetName>Silk</iconSetName><url>http://localhost:8080/xwiki/resources/icons/silk/house.png?cache-version=1621078386000</url></icon><missingIcons>unknown</missingIcons></icons>
342 -{{/code}}
343 -{{/version}}
344 -
345 345  = Silk Icon Theme =
346 346  
347 -The Silk Icon Theme uses the [[Silk>>https://foswiki.org/System/FamFamFamSilkIcons]] icons set to be mapped as an Icon Theme. This is an icon library launched in 2005 that contains over 1000 png images at 16px resolution.
73 +See [[The Silk Icon Theme>>xwiki:documentation.xs.admin.icons.icon-themes.silk.WebHome]].
348 348  
349 -The Silk Icon Theme is the default theme and the one used for fallbacks.
350 -
351 -(% class="row" %)
352 -(((
353 -(% class="col-xs-12 col-md-6" %)
354 -(((
355 -Preview
356 -[[~[~[image:silkSet.png~]~]>>attach:silkSet.png]]
357 -)))
358 -
359 -(% class="col-xs-12 col-md-6" %)
360 -(((
361 -Example
362 -[[~[~[image:silkExample.png~]~]>>attach:silkExample.png]]
363 -)))
364 -)))
365 -
366 -Here is a table summing up the mapping between the XWiki icon set and the Silk iconTheme:
367 -
368 -{{liveData id="iconMappings" properties="Iconname, Silkmapping" showPageSizeDropdown="false" sort="Iconname" source="liveTable" sourceParameters="className=Documentation.DevGuide.FrontendResources.Icons.IconMappingClass&resultPage=xwiki:XWiki.LiveTableResults"}}
369 -{
370 - "meta": {
371 - "propertyDescriptors": [
372 - {
373 - "id": "Silkmapping",
374 - "displayer": "html"
375 - }
376 - ]
377 - }
378 -}
379 -{{/liveData}}
380 -
381 381  == Version Compatibility ==
382 382  
383 383  |=XWiki version|=Silk version used

Approvers

Approvers have not been explicitly defined for this Change Request. Approvers will be based entirely on approval rights.
This Change Request is ready for review.
No conflicts to show.
The change request cannot be published without valid approval or if at least one review request for changes.

About

About

Support

Platform

User Guide

Admin Guide

Developer Guide

Projects

XWiki

Extensions

Other

Contribute

Status

Practices

Under the Hood

Get Involved

Get Connected