Wiki source code of Skin Extension Tutorial
Last modified by Eleni Cojocariu on 2026/10/02 10:57
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | This tutorial has moved into the XWiki documentation, under [[Skin Extensions>>doc:documentation.xs.dev.skin-extensions.WebHome]], which splits it across a hub, two reference pages and three How-tos. Every heading of the original is kept below, each pointing at the page that now carries its material, so that existing links and bookmarks still resolve. | ||
| 2 | |||
| 3 | = Prerequisites = | ||
| 4 | |||
| 5 | Moved to [[Create a Skin Extension>>doc:documentation.xs.dev.skin-extensions.create.WebHome]]. | ||
| 6 | |||
| 7 | = Introduction to XWiki Skin Extensions = | ||
| 8 | |||
| 9 | Moved to [[Skin Extensions>>doc:documentation.xs.dev.skin-extensions.WebHome]]. | ||
| 10 | |||
| 11 | = My first Skin extension = | ||
| 12 | |||
| 13 | Moved to [[Create a Skin Extension>>doc:documentation.xs.dev.skin-extensions.create.WebHome]]. | ||
| 14 | |||
| 15 | == Minimal JavaScript extension == | ||
| 16 | |||
| 17 | Moved to [[Create a Skin Extension>>doc:documentation.xs.dev.skin-extensions.create.WebHome]]. | ||
| 18 | |||
| 19 | === Creating an extension object === | ||
| 20 | |||
| 21 | Moved to [[Create a Skin Extension>>doc:documentation.xs.dev.skin-extensions.create.WebHome]]. | ||
| 22 | |||
| 23 | === Writing the extension === | ||
| 24 | |||
| 25 | Moved to [[Create a Skin Extension>>doc:documentation.xs.dev.skin-extensions.create.WebHome]], and to [[Skin Extension Object Fields>>doc:documentation.xs.dev.skin-extensions.object-fields.WebHome]] for what each field of the object decides. | ||
| 26 | |||
| 27 | === Testing the actual extension === | ||
| 28 | |||
| 29 | Moved to [[Create a Skin Extension>>doc:documentation.xs.dev.skin-extensions.create.WebHome]]. | ||
| 30 | |||
| 31 | == Minimal StyleSheet extension == | ||
| 32 | |||
| 33 | Moved to [[Create a Skin Extension>>doc:documentation.xs.dev.skin-extensions.create.WebHome]]. | ||
| 34 | |||
| 35 | == Put all together == | ||
| 36 | |||
| 37 | Moved to [[Create a Skin Extension>>doc:documentation.xs.dev.skin-extensions.create.WebHome]], and to [[Skin Extension Object Fields>>doc:documentation.xs.dev.skin-extensions.object-fields.WebHome]] for the rights an extension needs. | ||
| 38 | |||
| 39 | = Real-world extension with addSizes.js = | ||
| 40 | |||
| 41 | Dropped. The walkthrough built on an external file size service that no longer answers, which the tutorial's own warning already said. The techniques it demonstrated are on [[Generate Skin Extension Content with Velocity>>doc:documentation.xs.dev.skin-extensions.velocity.WebHome]]. | ||
| 42 | |||
| 43 | == Requesting and injecting files size with JSX == | ||
| 44 | |||
| 45 | Dropped with the addSizes.js walkthrough. The walkthrough built on an external file size service that no longer answers, which the tutorial's own warning already said. The techniques it demonstrated are on [[Generate Skin Extension Content with Velocity>>doc:documentation.xs.dev.skin-extensions.velocity.WebHome]]. | ||
| 46 | |||
| 47 | == Making it look nice with SSX == | ||
| 48 | |||
| 49 | The addSizes.js scenario is dropped, but the technique it showed is on [[Generate Skin Extension Content with Velocity>>doc:documentation.xs.dev.skin-extensions.velocity.WebHome]]. | ||
| 50 | |||
| 51 | == Testing the final extension == | ||
| 52 | |||
| 53 | Dropped with the addSizes.js walkthrough. The walkthrough built on an external file size service that no longer answers, which the tutorial's own warning already said. The techniques it demonstrated are on [[Generate Skin Extension Content with Velocity>>doc:documentation.xs.dev.skin-extensions.velocity.WebHome]]. | ||
| 54 | |||
| 55 | == Bonus: links to activate/deactivate the extension == | ||
| 56 | |||
| 57 | Dropped with the addSizes.js walkthrough. The walkthrough built on an external file size service that no longer answers, which the tutorial's own warning already said. The techniques it demonstrated are on [[Generate Skin Extension Content with Velocity>>doc:documentation.xs.dev.skin-extensions.velocity.WebHome]]. | ||
| 58 | |||
| 59 | = Additional Details = | ||
| 60 | |||
| 61 | Moved to [[Generate Skin Extension Content with Velocity>>doc:documentation.xs.dev.skin-extensions.velocity.WebHome]]. | ||
| 62 | |||
| 63 | == How to use Velocity in parsed content == | ||
| 64 | |||
| 65 | Moved to [[Generate Skin Extension Content with Velocity>>doc:documentation.xs.dev.skin-extensions.velocity.WebHome]]. | ||
| 66 | |||
| 67 | == How to communicate data to JSX or SSX? == | ||
| 68 | |||
| 69 | Moved to [[Generate Skin Extension Content with Velocity>>doc:documentation.xs.dev.skin-extensions.velocity.WebHome]]. | ||
| 70 | |||
| 71 | === How to communicate data to JSX === | ||
| 72 | |||
| 73 | Moved to [[Generate Skin Extension Content with Velocity>>doc:documentation.xs.dev.skin-extensions.velocity.WebHome]]. | ||
| 74 | |||
| 75 | === How to communicate data to SSX === | ||
| 76 | |||
| 77 | Moved to [[Generate Skin Extension Content with Velocity>>doc:documentation.xs.dev.skin-extensions.velocity.WebHome]]. | ||
| 78 | |||
| 79 | = LESS = | ||
| 80 | |||
| 81 | Moved to [[Write a Style Sheet Extension in LESS>>doc:documentation.xs.dev.skin-extensions.less.WebHome]]. | ||
| 82 | |||
| 83 | = References = | ||
| 84 | |||
| 85 | Dropped. The new pages put each link where it is relevant instead of collecting them at the end. |
