Wiki source code of Skins

Last modified by Ecaterina Moraru (Valica) on 2018/09/12
Hide line numbers
 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.Color Theme Application]] which are set of colors for the various elements of a skin.
 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/Extension/#|t=extensions&p=1&l=30&s=doc.creationDate&d=desc&category=skin]]):
27: 
28: [[[[image:extensions:Extension.Flamingo Skin@flamingo.png||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>>platform:AdminGuide.Skins#HChangingtheSkin]] section in the Admin Guide.
56: 
57: = More about XWiki Skins =
58: 
59: * Learn how to [[manage XWiki skins>>platform:AdminGuide.Skins]]
60: * Learn how to [[develop new skins>>platform:DevGuide.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>>platform:DevGuide.SkinExtensionsTutorial]] in the Developer Guide.
Wiki source code of Skins

Quick Links

Navigation

About

About

Support

Platform

User Guide

Admin Guide

Developer Guide

Projects

XWiki

Extensions

Other

Contribute

Status

Practices

Under the Hood

Get Involved

Get Connected
