Wiki source code of Skins

Last modified by Thomas Mortagne on 2023/10/10

Show last authors
1 {{box cssClass="floatinginfobox" title="**Contents**"}}
2 {{toc/}}
3 {{/box}}
4
5 A skin is a visual organization of content for wiki pages. It's different from [[Color Themes>>extensions:Extension.Flamingo Theme Application]] which are set of colors for the various elements of a skin. Note that a given skin must support Color Themes to use them.
6
7 = Skins in XWiki =
8
9 The latest version of XWiki bundles the following skins by default:
10
11 {{velocity}}
12 #set ($xwql = "from doc.object(ExtensionCode.ExtensionClass) as extension, doc.object(EXOExtensionCode.ExtensionClass) as exoextension where extension.type = 'skin' and exoextension.bundledWith like '%enterprise%'")
13 #set ($currentDb = $context.database)
14 #set ($dummy = $context.setDatabase("extensions"))
15 #set ($extensions = $services.query.xwql($xwql).execute())
16 #foreach ($extension in $extensions)
17 * [[${context.database}:$extension]]
18 #end
19 #set ($dummy = $context.setDatabase($currentDb))
20 {{/velocity}}
21
22 You can find the full list of existing skins on the [[Extensions wiki>>extensions:Extension.WebHome]].
23
24 = Screenshots =
25
26 Some Skins developed by the XWiki dev team (see [[more>>http://extensions.xwiki.org/xwiki/bin/view/ExtensionCode/AllExtensions/#|t=extensions&p=1&l=30&s=doc.creationDate&d=desc&category=skin]]):
27
28 [[[[image:extensions:Extension.Flamingo [email protected]||width="100" style="width: 100px; height: 100px; border: 1px; border-color: #000000; border-style: solid;"]]>>extensions:Extension.Flamingo Skin]] [[[[image:Colibri.png||width="100" style="width: 100px; height: 100px; border: 1px; border-color: #000000; border-style: solid;"]]>>extensions:Extension.Colibri Skin]] [[[[image:Toucan.png||width="100" style="width: 100px; height: 100px; border: 1px; border-color: #000000; border-style: solid;"]]>>extensions:Extension.Toucan Skin]]
29
30 Some Custom skins developed by XWiki users:
31
32 {{cache}}
33 {{velocity}}
34 #set ($sql = ", BaseObject as obj where obj.name=doc.fullName and obj.className='XWiki.ReferenceClass' and obj.name<>'XWiki.ReferenceClassTemplate' order by doc.name asc")
35 #set ($references= $xwiki.searchDocuments($sql))
36 ##
37 #foreach ($reference in $references)
38 #set ($refDoc = $xwiki.getDocument($reference))
39 #if ($refDoc.attachmentList.size() > 0)
40 #set ($attach = $refDoc.attachmentList.get(0))
41 [[[[image:${refDoc.prefixedFullName}@${attach.filename}||width='100' style='width: 100px; height: 100px; border: 1px; border-color: #000000; border-style: solid;']]>>$refDoc.prefixedFullName]] #end
42 ## The end of the 'if' is located on the same line as the last statement because it would otherwise trigger a newline and the parser would output an unwanted <br/> element, resulting in one image per line.
43 #end
44 {{/velocity}}
45 {{/cache}}
46
47 = Changing the Skin =
48
49 A skin can be changed at different levels:
50
51 * For the whole wiki
52 * For a given space
53 * For a given user
54
55 In order to change the skin at wiki and space level, the user has to be an administrator for the current XWiki instance. To find more about how to change a skin, check the [[Changing the Skin>>Documentation.AdminGuide.Skins#HChangingtheSkin]] section in the Admin Guide.
56
57 = More about XWiki Skins =
58
59 * Learn how to [[manage XWiki skins>>Documentation.AdminGuide.Skins]]
60 * Learn how to [[develop new skins>>Documentation.DevGuide.Tutorials.Skins]]
61
62 = Skins Extensions =
63
64 **Skins extensions** (or, abbreviated **SX**) are an alternative for developers who want to modify the layout and behavior of certain or all documents in their wiki without the need of changing its skin templates and/or stylesheets. The Skin extensions mechanism, available in all versions of XWiki superior to 1.5, provide the developers with the possibility of pulling extra stylesheets and Javascript files that are not bundled with the skin. You can find out more about Skin Extensions by reading the [[Skin Extensions Tutorial>>Documentation.DevGuide.Tutorials.SkinExtensionsTutorial]] in the Developer Guide.

Get Connected