Support
To check known issues (or if you want to file one), view this app's issue tracker.
To learn more about the app, you should:
- Read the documentation.
This is a supported app, so you may contact the vendor (or support contact) for help:
Description
Create different skins.
Customise your confluence look and feel beyond the expected.
Switch between skins at the click of a button.
Provide multiple skins that are completely different - present your content in a unique way. Highlight what matters.
Embed switching links in your content.
Make it part of your design. Let your users choose how they view your content.
More details
This plugin allows one to specify alternative CSS stylesheets to create skins for your Confluence. Change colours, sizes, layouts as much as you want.
Make this part of your adaptive design - incorporate a switching link inside your content with the CSS Switch Link macro. And make it stick - get the current selected skin identifier from a cookie.
Version history
1.4.1Confluence Server 5.9.1 - 7.15.32018-04-24Change logos and banners Version 1.4.1 • Released 2018-04-24 • Supported By TechTime Initiative Group Limited • Paid via Atlassian • CommercialNo release notes.1.4.0Confluence Server 5.9.1 - 6.4.32017-10-13Compatibility update Version 1.4.0 • Released 2017-10-13 • Supported By TechTime Initiative Group Limited • Paid via Atlassian • Commercial- Confluence 6 compatibility
- Bug fixes
1.3.0.1Confluence Server 5.9.1 - 5.10.92016-06-13Compatibility for Confluence 5.10.0. Cross plugin compatibility fixes. Version 1.3.0.1 • Released 2016-06-13 • Supported By TechTime Initiative Group Limited • Paid via Atlassian • CommercialNo release notes.1.3.0Confluence Server 5.9.1 - 5.9.142015-12-22Compatibility with 5.9.x Version 1.3.0 • Released 2015-12-22 • Supported By TechTime Initiative Group Limited • Paid via Atlassian • CommercialNo release notes.1.2.0Confluence Server 5.8.2 - 5.8.182015-12-22Compatibility with 5.8.x Version 1.2.0 • Released 2015-12-22 • Supported By TechTime Initiative Group Limited • Paid via Atlassian • CommercialNo release notes.1.1.0Confluence Server 5.7 - 5.7.62015-12-22Compatibility with 5.7.x; Bugfixes Version 1.1.0 • Released 2015-12-22 • Supported By TechTime Initiative Group Limited • Paid via Atlassian • Commercial- compatibility with 5.7.x
- sequence of stylesheets rendering fixed for the case when both alternate and default/preferred stylesheets are present
1.0.0Confluence Server 5.0 - 5.6.62013-12-15Compatibility with 5.x, first commercial release. Version 1.0.0 • Released 2013-12-15 • Supported By TechTime Initiative Group Limited • Paid via Atlassian • CommercialNew in this release
Compatibility with Confluence 5.x
Added comercial licensing.
0.2.0Confluence Server 4.0 - 4.0.52011-11-12Compatibility with Confluence 4.x Version 0.2.0 • Released 2011-11-12 • Supported By TechTime Initiative Group Limited • Free • Apache License, Version 2.0 (ASL)No release notes.0.1.46Confluence Server 2.8.0 - 3.5.172009-10-21Links to blogposts. Better VelocityHelper methods. Version 0.1.46 • Released 2009-10-21 • Supported By TechTime Initiative Group Limited • Free • Apache License, Version 2.0 (ASL)Added ability to link to BlogPosts via "page" attribute of the "css-switch-link" macro
Added methods to VelocityHelper to simplify embedding in Velocity decorators
New icons
0.1.37Confluence Server 2.8.0 - 3.0.22009-10-16Initial release. Codegeist 2009. Version 0.1.37 • Released 2009-10-16 • Supported By TechTime Initiative Group Limited • Free • Apache License, Version 2.0 (ASL)Installation
The plugin is available from Atlassian Plugin Repository. Alternatively grab the jar from Download page and install manually via Administration Console/Plugins.
The plugin has no external dependencies.
Usage
Once you have installed the extension you can apply it to the main decorator of any space that uses default Confluence theme.
- To include the CSS Switcher JavaScript library use the following in the HTML head section of the Velocity decorator templates. #requireResourcesForContext("org.techtime.confluence.plugins.css")
- To render a set of alternate stylesheets insert the following in the HTML head section of the Velocity decorator templates. $cssSwitchHelper.renderHtmlHeaders($sitemeshPage.getProperty("page.spacekey"))
This will instruct Confluence to render links to all files with content type "text/css" attached to the home page of the current space.
Alternatively, specify the page where to look for files explictly.$cssSwitchHelper.renderHtmlHeaders($sitemeshPage.getProperty("page.spacekey"), "My Page")If you have a preferred alternate style sheet that you want to be enabled by default use
$cssSwitchHelper.renderHtmlHeadersPreferred($sitemeshPage.getProperty("page.spacekey"), "Blue Style")or
$cssSwitchHelper.renderHtmlHeadersPreferred($sitemeshPage.getProperty("page.spacekey"),
"My Page", "Blue Style")References to attached text/css files with no comments will be rendered as persistent style sheets. - Use css-switch-link macro to render links to select the alternate style-sheet.
Besides all standard HTML parameters the macro supports optional parameters "styleSheet" to reference the one that should be activated on click and "page" to create a link to a Confluence page.{css-switch-link:Blue Style|id=rswitch|class=switchlink|style=text-decoration:none
|title=Click here to switch to red text style and go futher.
|page=TEST:Further}Switch to red text now and go further.{css-switch-link}results in:
<a href="/display/TEST/Further"
title="Click here to switch to red text style and go futher."
style="text-decoration:none"
class="switchlink"
id="rswitch"
onclick="setActiveStyleSheet('Blue Style')">
Switch to red text now and go further.</a>An empty value for styleSheet parameter or no parameter specified will result in a switch to preferred style sheet or the first alternate if no preferred exists in the document - Once the user selects the style sheet the choice is stored into a cookie and applied on the next visit to this or subsequent pages. If this is not desired - enable CSS Switcher JavaScript No Cookies flavor of CSS Switcher JavaScript in Adminstration/Plugins instead of the default one.
- To include the CSS Switcher JavaScript library use the following in the HTML head section of the Velocity decorator templates.