Changes for page Skins

Last modified by Thomas Mortagne on 2023/10/10

<
From version < 25.4 >
edited by Sorin Burjan
on 2011/04/07
To version < 25.5 >
edited by Sorin Burjan
on 2011/04/07
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -54,12 +54,12 @@
54 54  {{warning}}To change the Skin, the user must have administrating rights. In the case that you have these rights, make sure that you switch to the Advanced mode in your profile, to enable the advanced options on the top main menu.{{/warning}}
55 55  
56 56  
57 -==== 1. How to preview a Skin applied on a page ====
57 +==== How to preview a Skin applied on a page ====
58 58  
59 59  To check how a page looks on changing the Skin, you can add a parameter named skin to the page URL. For example, to preview the wiki main page on using the toucan Skin, use the following URL: http://localhost:8080/xwiki/bin/view/Main/WebHome/?skin=toucan . If you want to preview the page on using a Skin document named MySpace.MySkinDoc, use the following URL: http://localhost:8080/xwiki/bin/view/Main/WebHome/?skin=MySpace.MySkinDoc .
60 60  
61 61  
62 -==== 2. Changing the Skin at instance level ====
62 +==== Changing the Skin at instance level ====
63 63  
64 64  Each XWiki Enterprise instance contains a document Skin Document that stores the Skin for the instance. To find out which document is used to store the current Skin, the user has to follow these steps:
65 65  
... ... @@ -67,48 +67,28 @@
67 67  * Click on **Presentation** on the left tab
68 68  * [[image:skin1.png]]
69 69  * Check the Skin property that stores the full name of the document
70 +* Click on the **Customize** button from the Skin section
71 +* [[image:skin2.png]]
72 +* Click on the **Edit this skin** button to edit the document, or you can edit page in Object mode
73 +* [[image:skin3]]
74 +* You have multiple text areas where you can override the default behavior of your theme.
75 +* Click on **Save and View**
76 +* Your settings will be applied and the theme should change accordingly.
70 70  
71 -|(% style="width: 60%; color: rgb(34, 34, 34);" %)(((
72 -1. go into the (% class="sectionblockcodecolored" %)Administration(%%) interface
73 -1. go into the (% class="sectionblockcodecolored" %)Presentation(%%) section
74 -1. check the (% class="sectionblockcodecolored" %)Skin(%%) property that stores the full name of the document
75 -)))|(((
76 -[[[[image:1.png||style="border: 3px solid rgb(221, 221, 221);" width="99%"]]>>attach:1.png]]
77 -)))
78 78  
79 +==== Changing the Skin at space level ====
79 79  
80 -To change the current Skin, follow these steps:
81 +A XWiki space can use it's own Skin. For example, if you want to set as Skin for the space Main as being the Albatross Skin, follow these steps:
81 81  
82 -|(% style="width: 60%; color: rgb(34, 34, 34);" %)(((
83 -
83 +* Go on any page inside the Main space
84 +* From the top Space menu, click Administer space to open the Administration interface for the space Main
85 +* Click on **Presentation** on the left tab
86 +* [[image:skin5.png]]
87 +* For example, you can put "toucan" to use the Toucan Skin. If you have defined another Skin, you must put the directory name which contains the skin in order to use it. Note that the names are case-sensitive.
88 +* Click on **Save**
89 +* You can now open any page inside the Main space and you will notice the layout difference.
84 84  
85 -1. click on the (% class="sectionblockcodecolored" %)CUSTOMIZE(%%) button right beside the (% class="sectionblockcodecolored" %)Skin(%%) property, to open the document
86 -1. click on the (% class="sectionblockcodecolored" %)Edit this skin(%%) button to edit the document, or go to the top menu and select (% class="sectionblockcodecolored" %)EDIT -> OBJECTS
87 -1. change the (% class="sectionblockcodecolored" %)Skin(%%) property ( the property is set to (% class="sectionblockcodecolored" %)colibri(%%) by default ) with the name of another Skin ( for example, (% class="sectionblockcodecolored" %)albatross(%%) )
88 -1. save the document
89 -)))|(((
90 -[[[[image:2.png||style="border: 3px solid rgb(221, 221, 221);" width="99%"]]>>attach:2.png]]
91 -)))
92 92  
93 -You can now open any page inside the wiki instance and you will notice the layout difference.
94 -
95 -
96 -==== 3. Changing the Skin at space level ====
97 -
98 -A XWiki space can use it's own Skin. For example, if you want to set as Skin for the space (% class="sectionblockcodecolored" %)Main(%%) as being the (% class="sectionblockcodecolored" %)albatross(%%) Skin, follow these steps:
99 -
100 -|(% style="width: 60%; color: rgb(34, 34, 34);" %)(((
101 -1. go on any page inside the (% class="sectionblockcodecolored" %)Main(%%) space ( for example, go on the home page: http://localhost:8080/xwiki/bin/view/Main/ )
102 -1. from the top right menu, choose (% class="sectionblockcodecolored" %)Administration -> Administer space: Main(%%) to open the (% class="sectionblockcodecolored" %)Administration(%%) interface for the space (% class="sectionblockcodecolored" %)Main
103 -1. go into the (% class="sectionblockcodecolored" %)Presentation(%%) section
104 -1. follow the steps 4, 5, 6 and 7 from inside the section [[C-2>>#3c2]]
105 -)))|(((
106 -[[[[image:3.png||style="border: 3px solid rgb(221, 221, 221);" width="99%"]]>>attach:3.png]]
107 -)))
108 -
109 -You can now open any page inside the (% class="sectionblockcodecolored" %)Main(%%) space and you will notice the layout difference.
110 -
111 -
112 112  == More about XWiki Skins ==
113 113  
114 114  In order to find more about XWiki Skins, check the [[Skins Tutorial>>DevGuide.Skins]] from inside the Developer Guide and the [[Skins Tutorial>>Features.Skins]] from inside the User Guide

Get Connected