Wiki source code of Skins
Last modified by Vincent Massol on 2022/02/23
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 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/ExtensionCode/AllExtensions/#|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. |
