[xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space
Hello I'm running Xwiki Enterprise 4.4 on Apache Tomca 6 and I'm trying to create a custom skin for a space that I defined in the default wiki but nothing is changing. I tried following the steps provided in http://platform.xwiki.org/xwiki/bin/view/AdminGuide/Skins#HChangingtheSkinat... (and specifying "toucan" as the skin) but nothing happened. I also tried the procedure described in http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins under "How to override a Skin" sections A, B, C, D and F.1 but I didn't see any changes. Could someone please tell me how I can create a custom skin? I don't mind doing it either through web interface or by editing files directly on the server. Thank you. Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
Hello, see my comments below On Wed, Jan 16, 2013 at 11:40 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Hello
I'm running Xwiki Enterprise 4.4 on Apache Tomca 6 and I'm trying to create a custom skin for a space that I defined in the default wiki but nothing is changing. I tried following the steps provided in http://platform.xwiki.org/xwiki/bin/view/AdminGuide/Skins#HChangingtheSkinat... specifying "toucan" as the skin) but nothing happened. I also tried the procedure described in http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins under "How to override a Skin" sections A, B, C, D and F.1 but I didn't see any changes.
The Toucan skin was retired in 4.4-rc1, so it is no longer available in 4.4 final. It was considered deprecated and was not maintained anymore for some quite time now, and we decided to remove it. If you are still you want to use it, you can still download it and deploy it in your wiki instance (see http://extensions.xwiki.org/xwiki/bin/view/Extension/Toucan+Skin ) Colibri is now the only skin we bundle by default in XWiki products. XWiki skins are much more than just some css and js files, writing a full skin from scratch requires quite a lot of work.
Could someone please tell me how I can create a custom skin? I don't mind doing it either through web interface or by editing files directly on the server.
To solve your issue you have 2 options from my point of view: 1) If you want to have different look for each space, you should use the ColorTheme application (bundled by default), and create custom themes which can be applied on a per space basis. This is the easiest way of achieving what you want. For more info, look http://extensions.xwiki.org/xwiki/bin/view/Extension/Color+Theme+Application 2) You can follow the tutorial on Overriding a skin and override the parts which you want to change. This approach is a little bit harder. Hope it will help Regards, Sorin B.
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
On Jan 16, 2013, at 11:27 PM, Sorin Burjan <sorin.burjan@xwiki.com> wrote:
Hello, see my comments below
On Wed, Jan 16, 2013 at 11:40 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Hello
I'm running Xwiki Enterprise 4.4 on Apache Tomca 6 and I'm trying to create a custom skin for a space that I defined in the default wiki but nothing is changing. I tried following the steps provided in http://platform.xwiki.org/xwiki/bin/view/AdminGuide/Skins#HChangingtheSkinat... specifying "toucan" as the skin) but nothing happened. I also tried the procedure described in http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins under "How to override a Skin" sections A, B, C, D and F.1 but I didn't see any changes.
What you've done should work fine. You just need to specify a skin that exists. Thanks -Vincent
The Toucan skin was retired in 4.4-rc1, so it is no longer available in 4.4 final. It was considered deprecated and was not maintained anymore for some quite time now, and we decided to remove it. If you are still you want to use it, you can still download it and deploy it in your wiki instance (see http://extensions.xwiki.org/xwiki/bin/view/Extension/Toucan+Skin ) Colibri is now the only skin we bundle by default in XWiki products. XWiki skins are much more than just some css and js files, writing a full skin from scratch requires quite a lot of work.
Could someone please tell me how I can create a custom skin? I don't mind doing it either through web interface or by editing files directly on the server.
To solve your issue you have 2 options from my point of view:
1) If you want to have different look for each space, you should use the ColorTheme application (bundled by default), and create custom themes which can be applied on a per space basis. This is the easiest way of achieving what you want. For more info, look http://extensions.xwiki.org/xwiki/bin/view/Extension/Color+Theme+Application 2) You can follow the tutorial on Overriding a skin and override the parts which you want to change. This approach is a little bit harder.
Hope it will help
Regards, Sorin B.
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
Thank you Sorin and Vincent for responding. I plan to make a lot of changes to the page layout and I already have CSS and JavaScript files that I would like to use, so I would prefer a solution that would allow the most flexibility. I looked through the ColorTheme Application tutorial page suggested by Sorin but it seems that this application only changes the colors, not the page layout. So, I would like to try to override a skin. Regarding the Toucan skin, I was just tring to use it as a test since it was part of the tutorial - I don't really need it. I finally understood how to use class properties to override the skin. I have been able to attached a logo to the skin document and reference it. Now I'm trying to use custom CSS files and it doesn't seem practical to attach CSS files to the skin document. So, here's what I would like to do: 1. Upload my CSS files to the server (ex. to /xwiki/skins/myskin/) 1. Use class properties to override various Velocity templates 2. Reference the CSS files from the inside the Velocity templates that I will write using the inline editor Question: How can I reference them from within the Velocity template? Thank you. Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca -----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Vincent Massol Sent: Thursday, January 17, 2013 3:04 AM To: XWiki Users Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space On Jan 16, 2013, at 11:27 PM, Sorin Burjan <sorin.burjan@xwiki.com> wrote:
Hello, see my comments below
On Wed, Jan 16, 2013 at 11:40 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Hello
I'm running Xwiki Enterprise 4.4 on Apache Tomca 6 and I'm trying to create a custom skin for a space that I defined in the default wiki but nothing is changing. I tried following the steps provided in http://platform.xwiki.org/xwiki/bin/view/AdminGuide/Skins#HChangingth eSkinatspacelevel(and specifying "toucan" as the skin) but nothing happened. I also tried the procedure described in http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins under "How to override a Skin" sections A, B, C, D and F.1 but I didn't see any changes.
What you've done should work fine. You just need to specify a skin that exists. Thanks -Vincent
The Toucan skin was retired in 4.4-rc1, so it is no longer available in 4.4 final. It was considered deprecated and was not maintained anymore for some quite time now, and we decided to remove it. If you are still you want to use it, you can still download it and deploy it in your wiki instance (see http://extensions.xwiki.org/xwiki/bin/view/Extension/Toucan+Skin ) Colibri is now the only skin we bundle by default in XWiki products. XWiki skins are much more than just some css and js files, writing a full skin from scratch requires quite a lot of work.
Could someone please tell me how I can create a custom skin? I don't mind doing it either through web interface or by editing files directly on the server.
To solve your issue you have 2 options from my point of view:
1) If you want to have different look for each space, you should use the ColorTheme application (bundled by default), and create custom themes which can be applied on a per space basis. This is the easiest way of achieving what you want. For more info, look http://extensions.xwiki.org/xwiki/bin/view/Extension/Color+Theme+Appli cation 2) You can follow the tutorial on Overriding a skin and override the parts which you want to change. This approach is a little bit harder.
Hope it will help
Regards, Sorin B.
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
Hi, http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins already given by Sorin should help you with most of your questions. You could use http://extensions.xwiki.org/xwiki/bin/view/Extension/DebugSkinto see the part you want to change in what template is defined. Also take a look at the current style for Colibri https://github.com/xwiki/xwiki-platform/tree/master/xwiki-platform-core/xwik... and the structure https://github.com/xwiki/xwiki-platform/tree/master/xwiki-platform-core/xwik... Thanks, Caty On Fri, Jan 18, 2013 at 6:03 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Thank you Sorin and Vincent for responding.
I plan to make a lot of changes to the page layout and I already have CSS and JavaScript files that I would like to use, so I would prefer a solution that would allow the most flexibility. I looked through the ColorTheme Application tutorial page suggested by Sorin but it seems that this application only changes the colors, not the page layout. So, I would like to try to override a skin. Regarding the Toucan skin, I was just tring to use it as a test since it was part of the tutorial - I don't really need it.
I finally understood how to use class properties to override the skin. I have been able to attached a logo to the skin document and reference it. Now I'm trying to use custom CSS files and it doesn't seem practical to attach CSS files to the skin document. So, here's what I would like to do: 1. Upload my CSS files to the server (ex. to /xwiki/skins/myskin/) 1. Use class properties to override various Velocity templates 2. Reference the CSS files from the inside the Velocity templates that I will write using the inline editor
Question: How can I reference them from within the Velocity template?
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
-----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Vincent Massol Sent: Thursday, January 17, 2013 3:04 AM To: XWiki Users Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space
On Jan 16, 2013, at 11:27 PM, Sorin Burjan <sorin.burjan@xwiki.com> wrote:
Hello, see my comments below
On Wed, Jan 16, 2013 at 11:40 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Hello
I'm running Xwiki Enterprise 4.4 on Apache Tomca 6 and I'm trying to create a custom skin for a space that I defined in the default wiki but nothing is changing. I tried following the steps provided in http://platform.xwiki.org/xwiki/bin/view/AdminGuide/Skins#HChangingth eSkinatspacelevel(and specifying "toucan" as the skin) but nothing happened. I also tried the procedure described in http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins under "How to override a Skin" sections A, B, C, D and F.1 but I didn't see any changes.
What you've done should work fine. You just need to specify a skin that exists.
Thanks -Vincent
The Toucan skin was retired in 4.4-rc1, so it is no longer available in 4.4 final. It was considered deprecated and was not maintained anymore for some quite time now, and we decided to remove it. If you are still you want to use it, you can still download it and deploy it in your wiki instance (see http://extensions.xwiki.org/xwiki/bin/view/Extension/Toucan+Skin ) Colibri is now the only skin we bundle by default in XWiki products. XWiki skins are much more than just some css and js files, writing a full skin from scratch requires quite a lot of work.
Could someone please tell me how I can create a custom skin? I don't mind doing it either through web interface or by editing files directly on the server.
To solve your issue you have 2 options from my point of view:
1) If you want to have different look for each space, you should use the ColorTheme application (bundled by default), and create custom themes which can be applied on a per space basis. This is the easiest way of achieving what you want. For more info, look http://extensions.xwiki.org/xwiki/bin/view/Extension/Color+Theme+Appli cation 2) You can follow the tutorial on Overriding a skin and override the parts which you want to change. This approach is a little bit harder.
Hope it will help
Regards, Sorin B.
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
Thank you, Caty. I think that I'm starting to understand how Velocity templates are used. I still need to try overriding the template by creating a custom skin directory and placing files inside, as opposed to using class properties. Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca -----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Ecaterina Moraru (Valica) Sent: Monday, January 21, 2013 9:43 AM To: XWiki Users Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space Hi, http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins already given by Sorin should help you with most of your questions. You could use http://extensions.xwiki.org/xwiki/bin/view/Extension/DebugSkinto see the part you want to change in what template is defined. Also take a look at the current style for Colibri https://github.com/xwiki/xwiki-platform/tree/master/xwiki-platform-core/xwik... and the structure https://github.com/xwiki/xwiki-platform/tree/master/xwiki-platform-core/xwik... Thanks, Caty On Fri, Jan 18, 2013 at 6:03 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Thank you Sorin and Vincent for responding.
I plan to make a lot of changes to the page layout and I already have CSS and JavaScript files that I would like to use, so I would prefer a solution that would allow the most flexibility. I looked through the ColorTheme Application tutorial page suggested by Sorin but it seems that this application only changes the colors, not the page layout. So, I would like to try to override a skin. Regarding the Toucan skin, I was just tring to use it as a test since it was part of the tutorial - I don't really need it.
I finally understood how to use class properties to override the skin. I have been able to attached a logo to the skin document and reference it. Now I'm trying to use custom CSS files and it doesn't seem practical to attach CSS files to the skin document. So, here's what I would like to do: 1. Upload my CSS files to the server (ex. to /xwiki/skins/myskin/) 1. Use class properties to override various Velocity templates 2. Reference the CSS files from the inside the Velocity templates that I will write using the inline editor
Question: How can I reference them from within the Velocity template?
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
-----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Vincent Massol Sent: Thursday, January 17, 2013 3:04 AM To: XWiki Users Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space
On Jan 16, 2013, at 11:27 PM, Sorin Burjan <sorin.burjan@xwiki.com> wrote:
Hello, see my comments below
On Wed, Jan 16, 2013 at 11:40 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Hello
I'm running Xwiki Enterprise 4.4 on Apache Tomca 6 and I'm trying to create a custom skin for a space that I defined in the default wiki but nothing is changing. I tried following the steps provided in http://platform.xwiki.org/xwiki/bin/view/AdminGuide/Skins#HChanging th eSkinatspacelevel(and specifying "toucan" as the skin) but nothing happened. I also tried the procedure described in http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins under "How to override a Skin" sections A, B, C, D and F.1 but I didn't see any changes.
What you've done should work fine. You just need to specify a skin that exists.
Thanks -Vincent
The Toucan skin was retired in 4.4-rc1, so it is no longer available in 4.4 final. It was considered deprecated and was not maintained anymore for some quite time now, and we decided to remove it. If you are still you want to use it, you can still download it and deploy it in your wiki instance (see http://extensions.xwiki.org/xwiki/bin/view/Extension/Toucan+Skin ) Colibri is now the only skin we bundle by default in XWiki products. XWiki skins are much more than just some css and js files, writing a full skin from scratch requires quite a lot of work.
Could someone please tell me how I can create a custom skin? I don't mind doing it either through web interface or by editing files directly on the server.
To solve your issue you have 2 options from my point of view:
1) If you want to have different look for each space, you should use the ColorTheme application (bundled by default), and create custom themes which can be applied on a per space basis. This is the easiest way of achieving what you want. For more info, look http://extensions.xwiki.org/xwiki/bin/view/Extension/Color+Theme+App li cation 2) You can follow the tutorial on Overriding a skin and override the parts which you want to change. This approach is a little bit harder.
Hope it will help
Regards, Sorin B.
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
Hello again I have created a "templates" directory inside my custom skin directory (i.e. /xwiki/skins/myskin/templates), I created a file called "header.vm" inside it, and I copied my custom code into the "header.vm" file. Now, I want to modify the "Header" attribute in my skin page (using the inline editor) so that it simply contains an "import" or "include" statement that references the file "/xwiki/skins/myskin/templates/header.vm" file. I think that I saw this somewhere but I can't find it now. I have made several attempts but I can't find the right statement. Any suggestions would be much appreciated. Thank you. Naoufel -----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Naoufel Chbihi Sent: Monday, January 21, 2013 10:50 AM To: 'XWiki Users' Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space Thank you, Caty. I think that I'm starting to understand how Velocity templates are used. I still need to try overriding the template by creating a custom skin directory and placing files inside, as opposed to using class properties. Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca -----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Ecaterina Moraru (Valica) Sent: Monday, January 21, 2013 9:43 AM To: XWiki Users Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space Hi, http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins already given by Sorin should help you with most of your questions. You could use http://extensions.xwiki.org/xwiki/bin/view/Extension/DebugSkinto see the part you want to change in what template is defined. Also take a look at the current style for Colibri https://github.com/xwiki/xwiki-platform/tree/master/xwiki-platform-core/xwik... and the structure https://github.com/xwiki/xwiki-platform/tree/master/xwiki-platform-core/xwik... Thanks, Caty On Fri, Jan 18, 2013 at 6:03 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Thank you Sorin and Vincent for responding.
I plan to make a lot of changes to the page layout and I already have CSS and JavaScript files that I would like to use, so I would prefer a solution that would allow the most flexibility. I looked through the ColorTheme Application tutorial page suggested by Sorin but it seems that this application only changes the colors, not the page layout. So, I would like to try to override a skin. Regarding the Toucan skin, I was just tring to use it as a test since it was part of the tutorial - I don't really need it.
I finally understood how to use class properties to override the skin. I have been able to attached a logo to the skin document and reference it. Now I'm trying to use custom CSS files and it doesn't seem practical to attach CSS files to the skin document. So, here's what I would like to do: 1. Upload my CSS files to the server (ex. to /xwiki/skins/myskin/) 1. Use class properties to override various Velocity templates 2. Reference the CSS files from the inside the Velocity templates that I will write using the inline editor
Question: How can I reference them from within the Velocity template?
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
-----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Vincent Massol Sent: Thursday, January 17, 2013 3:04 AM To: XWiki Users Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space
On Jan 16, 2013, at 11:27 PM, Sorin Burjan <sorin.burjan@xwiki.com> wrote:
Hello, see my comments below
On Wed, Jan 16, 2013 at 11:40 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Hello
I'm running Xwiki Enterprise 4.4 on Apache Tomca 6 and I'm trying to create a custom skin for a space that I defined in the default wiki but nothing is changing. I tried following the steps provided in http://platform.xwiki.org/xwiki/bin/view/AdminGuide/Skins#HChanging th eSkinatspacelevel(and specifying "toucan" as the skin) but nothing happened. I also tried the procedure described in http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins under "How to override a Skin" sections A, B, C, D and F.1 but I didn't see any changes.
What you've done should work fine. You just need to specify a skin that exists.
Thanks -Vincent
The Toucan skin was retired in 4.4-rc1, so it is no longer available in 4.4 final. It was considered deprecated and was not maintained anymore for some quite time now, and we decided to remove it. If you are still you want to use it, you can still download it and deploy it in your wiki instance (see http://extensions.xwiki.org/xwiki/bin/view/Extension/Toucan+Skin ) Colibri is now the only skin we bundle by default in XWiki products. XWiki skins are much more than just some css and js files, writing a full skin from scratch requires quite a lot of work.
Could someone please tell me how I can create a custom skin? I don't mind doing it either through web interface or by editing files directly on the server.
To solve your issue you have 2 options from my point of view:
1) If you want to have different look for each space, you should use the ColorTheme application (bundled by default), and create custom themes which can be applied on a per space basis. This is the easiest way of achieving what you want. For more info, look http://extensions.xwiki.org/xwiki/bin/view/Extension/Color+Theme+App li cation 2) You can follow the tutorial on Overriding a skin and override the parts which you want to change. This approach is a little bit harder.
Hope it will help
Regards, Sorin B.
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
I figured out how to do it and I'm responding just to provide the solution, in case someone is trying to do the same thing. In my template page, using the inline editor, I set the "Base Skin" field to myskin, which is the name of the skin directory that created inside /xwiki/skins. Then in the "Header" field, I used either $xwiki.renderTemplate('templates/header.vm') or #renderTemplate('templates/header.vm') - both of them work. Naoufel -----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Naoufel Chbihi Sent: Monday, January 21, 2013 4:51 PM To: 'XWiki Users' Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space Hello again I have created a "templates" directory inside my custom skin directory (i.e. /xwiki/skins/myskin/templates), I created a file called "header.vm" inside it, and I copied my custom code into the "header.vm" file. Now, I want to modify the "Header" attribute in my skin page (using the inline editor) so that it simply contains an "import" or "include" statement that references the file "/xwiki/skins/myskin/templates/header.vm" file. I think that I saw this somewhere but I can't find it now. I have made several attempts but I can't find the right statement. Any suggestions would be much appreciated. Thank you. Naoufel -----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Naoufel Chbihi Sent: Monday, January 21, 2013 10:50 AM To: 'XWiki Users' Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space Thank you, Caty. I think that I'm starting to understand how Velocity templates are used. I still need to try overriding the template by creating a custom skin directory and placing files inside, as opposed to using class properties. Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca -----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Ecaterina Moraru (Valica) Sent: Monday, January 21, 2013 9:43 AM To: XWiki Users Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space Hi, http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins already given by Sorin should help you with most of your questions. You could use http://extensions.xwiki.org/xwiki/bin/view/Extension/DebugSkinto see the part you want to change in what template is defined. Also take a look at the current style for Colibri https://github.com/xwiki/xwiki-platform/tree/master/xwiki-platform-core/xwik... and the structure https://github.com/xwiki/xwiki-platform/tree/master/xwiki-platform-core/xwik... Thanks, Caty On Fri, Jan 18, 2013 at 6:03 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Thank you Sorin and Vincent for responding.
I plan to make a lot of changes to the page layout and I already have CSS and JavaScript files that I would like to use, so I would prefer a solution that would allow the most flexibility. I looked through the ColorTheme Application tutorial page suggested by Sorin but it seems that this application only changes the colors, not the page layout. So, I would like to try to override a skin. Regarding the Toucan skin, I was just tring to use it as a test since it was part of the tutorial - I don't really need it.
I finally understood how to use class properties to override the skin. I have been able to attached a logo to the skin document and reference it. Now I'm trying to use custom CSS files and it doesn't seem practical to attach CSS files to the skin document. So, here's what I would like to do: 1. Upload my CSS files to the server (ex. to /xwiki/skins/myskin/) 1. Use class properties to override various Velocity templates 2. Reference the CSS files from the inside the Velocity templates that I will write using the inline editor
Question: How can I reference them from within the Velocity template?
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
-----Original Message----- From: users-bounces@xwiki.org [mailto:users-bounces@xwiki.org] On Behalf Of Vincent Massol Sent: Thursday, January 17, 2013 3:04 AM To: XWiki Users Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space
On Jan 16, 2013, at 11:27 PM, Sorin Burjan <sorin.burjan@xwiki.com> wrote:
Hello, see my comments below
On Wed, Jan 16, 2013 at 11:40 PM, Naoufel Chbihi < Naoufel.Chbihi@ssc-spc.gc.ca> wrote:
Hello
I'm running Xwiki Enterprise 4.4 on Apache Tomca 6 and I'm trying to create a custom skin for a space that I defined in the default wiki but nothing is changing. I tried following the steps provided in http://platform.xwiki.org/xwiki/bin/view/AdminGuide/Skins#HChanging th eSkinatspacelevel(and specifying "toucan" as the skin) but nothing happened. I also tried the procedure described in http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins under "How to override a Skin" sections A, B, C, D and F.1 but I didn't see any changes.
What you've done should work fine. You just need to specify a skin that exists.
Thanks -Vincent
The Toucan skin was retired in 4.4-rc1, so it is no longer available in 4.4 final. It was considered deprecated and was not maintained anymore for some quite time now, and we decided to remove it. If you are still you want to use it, you can still download it and deploy it in your wiki instance (see http://extensions.xwiki.org/xwiki/bin/view/Extension/Toucan+Skin ) Colibri is now the only skin we bundle by default in XWiki products. XWiki skins are much more than just some css and js files, writing a full skin from scratch requires quite a lot of work.
Could someone please tell me how I can create a custom skin? I don't mind doing it either through web interface or by editing files directly on the server.
To solve your issue you have 2 options from my point of view:
1) If you want to have different look for each space, you should use the ColorTheme application (bundled by default), and create custom themes which can be applied on a per space basis. This is the easiest way of achieving what you want. For more info, look http://extensions.xwiki.org/xwiki/bin/view/Extension/Color+Theme+App li cation 2) You can follow the tutorial on Overriding a skin and override the parts which you want to change. This approach is a little bit harder.
Hope it will help
Regards, Sorin B.
Thank you.
Naoufel Chbihi Technical Specialist | Spécialiste technique Mainframe Operating System Technology | Technologie du système d'exploitation des ordinateurs centraux Service Management & Delivery (SM&D) | Gestion et prestation des services (GPS) Information Technology Services Branch (ITSB) | Direction générale des services d'infotechnologie (DGSIT) Shared Services Canada | Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 Tel.: 613-748-2169 Fax: 613-748-2617 E-mail: naoufel.chbihi@ssc.gc.ca | naoufel.chbihi@spc.gc.ca
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
participants (4)
-
Ecaterina Moraru (Valica) -
Naoufel Chbihi -
Sorin Burjan -
Vincent Massol