Changes for page Skins

Last modified by Thomas Mortagne on 2023/10/10

From version 29.7
edited by Sorin Burjan
on 2013/01/16
Change comment: removed Toucan refference
To version 29.6
edited by Manuel Smeria
on 2012/12/17
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Sorin
1 +XWiki.ManuelSmeria
Content
... ... @@ -17,7 +17,7 @@
17 17  An XWiki Enterprise instance contains several skins by default, such as:
18 18  
19 19  * The [[Colibri skin>>extensions:Extension.Colibri Skin]]
20 -* The [[Toucan skin (deprecated and removed starting with 4.4-rc1)>>extensions:Extension.Toucan Skin]]
20 +* The [[Toucan skin>>extensions:Extension.Toucan Skin]]
21 21  
22 22  The [[full list of XWiki skins>>Features.Skins]] that are included in your XWiki Enterprise instance can be found on the server filesystem, inside the ##webapps/xwiki/skins## folder.
23 23  
... ... @@ -38,7 +38,7 @@
38 38  
39 39  === How to preview a Skin applied on a page ===
40 40  
41 -To check how a page looks when changing the skin, you can add a parameter named skin to the page URL. For example, to preview the wiki main page with your newly created skin, use the following URL: http://localhost:8080/xwiki/bin/view/Main/WebHome/?skin=toucan. If you want to preview the page using a skin document named MySpace.MySkinDoc, use the following URL: http://localhost:8080/xwiki/bin/view/Main/WebHome/?skin=MySpace.MySkinDoc.
41 +To check how a page looks when changing the skin, you can add a parameter named skin to the page URL. For example, to preview the wiki main page with the Toucan skin, use the following URL: http://localhost:8080/xwiki/bin/view/Main/WebHome/?skin=toucan. If you want to preview the page using a skin document named MySpace.MySkinDoc, use the following URL: http://localhost:8080/xwiki/bin/view/Main/WebHome/?skin=MySpace.MySkinDoc.
42 42  
43 43  === Changing the Skin at instance level ===
44 44  
... ... @@ -45,13 +45,16 @@
45 45  Each XWiki Enterprise instance contains a //skin document// that stores the skin for the instance. In order to find out which document is used to store the current skin, the user has to follow these steps:
46 46  
47 47  * Hover over "Wiki" and click on "Administer Wiki"
48 -* Click on the **Presentation** link(((
48 +* Click on the **Presentation** link
49 +(((
49 49  {{image reference="skin1.png"/}}
50 50  )))
51 -* Click on the **Customize** button from the skin section(((
52 +* Click on the **Customize** button from the skin section
53 +(((
52 52  [[image:skin2.png||style="border:1px solid silver; width:650px"]]
53 53  )))
54 -* Edit the page in Objects mode(((
56 +* Edit the page in Objects mode
57 +(((
55 55  [[image:skin3||style="border:1px solid silver; width:650px"]]
56 56  )))
57 57  * You have multiple text areas where you can override the default behavior of your skin. Make your desired modifications.
... ... @@ -60,14 +60,16 @@
60 60  
61 61  === Changing the Skin at space level ===
62 62  
63 -A XWiki space can have its own skin. For example, if you want to set the your skin for the Main space you should follow these steps:
66 +A XWiki space can have its own skin. For example, if you want to set the Toucan skin for the Main space you should follow these steps:
64 64  
65 65  * Go to any page inside the Main space
66 66  * From the top Space menu, click "Administer Space" to open the administration interface for the Main space
67 -* Click on the **Presentation** link(((
70 +* Click on the **Presentation** link
71 +(((
68 68  {{image reference="skin5.png"/}}
69 69  )))
70 -* If you have defined another skin, you should fill in the directory name which contains the skin.(((
74 +* Write "toucan" in the **Skin** field. (if you have defined another skin, you should fill in the directory name which contains the skin)
75 +(((
71 71  {{info}}
72 72  The names of the skins are case-sensitive.
73 73  {{/info}}
... ... @@ -77,15 +77,16 @@
77 77  
78 78  === Changing the Skin for a user ===
79 79  
80 -If you want to use your skin for a specific user follow these steps:
85 +If you want to use the Toucan skin for a specific user follow these steps:
81 81  
82 82  * Go to the user's profile page
83 83  * Edit the page in Objects mode
84 -* Set the value of the "skin" property (under //Objects of type XWiki.XWikiUsers//) to you custom skin (you must use lowercase letters)(((
89 +* Set the value of the "skin" property (under //Objects of type XWiki.XWikiUsers//) to toucan (you must use lowercase letters)
90 +(((
85 85  [[image:skin6.png||style="border:1px solid silver; width:650px"]]
86 86  )))
87 87  * Click on **Save and View**
88 -* Now all the pages inside the wiki will use your new skin for that user
94 +* Now all the pages inside the wiki will use the toucan skin for that user
89 89  
90 90  = More about XWiki Skins =
91 91  

Get Connected