Pattern Skin
CSS based skin with clean and productive editing environment. For use in corporate or perhaps in personal websites it should be fairly easy to tune the looks or even create a PatternSkin-based new skin.
Screenshot
Click for full screen image
Creating your own look
Template customization
PatternSkinCustomization - how to configure page elements
Style sheet customization
PatternSkinCssCookbook - how to customize the visual style
Changing graphics
The original Photoshop files of the skin graphics (mainly background images) are attached to
PatternSkinGraphics .
Hide content in print
Use the
hideInPrint class to hide specific content from printing. Example:
<div class="hideInPrint">
This text does not show in print view
</div>
Supported browsers
PatternSkin has been tested successfully on the following browsers:
- Windows
- Internet Explorer 8.0, 7.0, 6.0, 5.5
- Mozilla/Firefox 3.5, 2.0, 1.5
- Mac OS X
- Safari 5.0.5, 3.0.2
- Mozilla/Firefox 3.5, 2.0, 1.5
- *nix
Though not thoroughly tested, PatternSkin works fine with Google Chrome at least from 2013.
Attaching files
With HTML5 capable web browsers, the Attach page of this skin provides a drag and drop feature. You can click the drop area to use a file dialog box. In the dialog box, you can select multiple files at a time. This drag and drop feature uses
DropzoneJS JavaScript libary.
drag-and-drop.png
With the other browsers, the Attach page shows a button to pop up a file dialog box. You can select only one file at a time.
choose-file.png
You can upload up to 10 files at a time.
File uploading starts when you click the "Uplaod file" button.
Before that, you can remove a file from the upload file list by clicking a "Remove file" (on HTML5 capable web browsers) or a removal icon (on HTML5 incapable web browsers).
Specifically, the drag and drop feature works with the following web browsers.
- Chrome 7+
- Firefox 4+
- IE 10+
- Opera 12+ (Version 12 for Mac OS is disabled because their API is buggy)
- Safari 6+
In case you want to disable the drag and drop feature with an HTML5 capable browser, you can do it by setting
DROPZONEJS_DISABLE "on".
To do it at the web level, the following line is to be put on WebPreferences.
* Set DROPZONEJS_DISABLE = on
Installation
Note: You do not need to install anything on the browser to use this skin. The following instructions are for the administrator who installs the skin on the server where TWiki is running.
Note 2: PatternSkin is included with TWiki by default. Use the following instructions only if you are upgrading PatternSkin.
- Download the ZIP file from the Skin Home page (see below)
- Unzip
PatternSkin.zip in your twiki installation directory
- Test if installed: /cgi-bin/view/Plugins/PatternSkin?skin=pattern
- For skin activation see TWikiSkins
Troubleshooting
If you have set the SKIN variable setting to
pattern and you still don't see the layout as on the
screenshot, a few settings in may have been disabled.
Check these variables here:
- TWIKILAYOUTURL = /p/pub/TWiki06x01/PatternSkin/layout.css
- TWIKISTYLEURL = /p/pub/TWiki06x01/PatternSkin/style.css
- TWIKICOLORSURL = /p/pub/TWiki06x01/PatternSkin/colors.css
- SKIN = tagme, topmenu, pattern
If TWIKILAYOUTURL or TWIKISTYLEURL don't give a value or point to non-existing files, check in
TWikiPreferences that the following variables do exist and that they are set to on:
* %SYSTEMWEB%.PatternSkin settings:
* Set TWIKILAYOUTURL = %PUBURLPATH%/%SYSTEMWEB%/PatternSkin/layout.css
* Set TWIKISTYLEURL = %PUBURLPATH%/%SYSTEMWEB%/PatternSkin/style.css
* Set TWIKICOLORSURL = %PUBURLPATH%/%SYSTEMWEB%/PatternSkin/colors.css
NOTE: customization of these values should be done in
Main.TWikiPreferences
If this still does not work, contact the administrator who installs skins.
For further troubleshooting and feedback, go to
TWiki:Plugins/PatternSkinDev. Report bugs at
TWikibug:PatternSkin.
Skin Info
Description:
TWiki's base skin; CSS based, flexible and W3C-compliant
Base Name:
pattern
Skin Version:
2021年03月19日
2014年07月17日:
TWikibug:Item7534: Show history and other topic actions in read-only skin mode - this requires patching core file viewtopicactionbuttons.tmpl as well
2014年06月18日:
TWikibug:Item7520: Context sensitive tooltip help for Jump box and Search box
2014年06月16日:
TWikibug:Item7516: edit.pattern.tmpl of PatternSkin refers two invalid JS functions "enableTWikiMandatoryChecks" and "suppressTWikiSaveValidation"
2014年06月12日:
TWikibug:Item7514: table header color specification in CSS considered harmful
2014年05月22日:
TWikibug:Item7501: DropzoneJSSkin and
PatternSkin with DropzoneJSSkin integrated fail to update file with the manage attachment action
2014年05月15日:
TWikibug:Item7492: New hideInPrint CSS class to hide specific content from printing
2014年02月03日:
TWikibug:Item7427: Fix for too small or too big font with twikiSubmit class on button tag and the a tag
2013年12月29日:
TWikibug:Item7398: Fix for comments in attachment table are center aligned instead of left aligned
2013年10月03日:
TWikibug:Item7359: Usability: Hide bookmark table when adding a new bookmark
2013年10月01日:
TWikibug:Item7159: "Proportional" is misspelled in locale files and twiki.pattern.tmpl
2013年05月14日:
TWikibug:Item7154: Remove very faint gray gradient at top of main window
2013年04月09日:
TWikibug:Item7151: Small fix in hidden edit link when in read-only skin mode
2013年03月29日:
TWikibug:Item7207: Layout improvements for radio buttons and checkboxes in TWiki Forms
2013年01月23日:
TWikibug:Item6977: TWiki.WebLeftBarExample timed out on a large site, which is fixed
2013年01月04日:
TWikibug:Item7115: Configurable signatures with profile pictures - updating "Your signature to copy/paste" input field with new SIGNATUREFORMAT setting
2012年10月23日:
TWikibug:Item7006: Removing obsolete and unreferenced PatternSkinHeaderArt topic
2011年10月03日:
TWikibug:Item6819: Move change TWiki form from edit screen to "more" screen
2011年07月28日:
TWikibug:Item6780: Usability: Link to UserList topic instead of TWikiUsers
2010年06月12日:
TWikibug:Item5335 - conditional signature based on NOAUTOLINK setting, either user
Main.FirstLast or
[[Main.Firstlast][Firstlast]]; force-linking user name in topic info in case NOAUTOLINK set --
TWiki:Main/PeterThoeny
03 Aug 2008:
v.3.0.1 - TWiki 4.2.1 (Edinburgh) RELEASE VERSION
13 Jul 2007:
v.3.0.0 - TWiki 4.2.0 (Edinburgh) RELEASE VERSION
15 Jan 2006:
v.2.0.6 - TWiki 4.1.0 (Edinburgh) RELEASE VERSION
26 Sep 2006:
v.2.0.5 - Fixed form background colors
22 Jul 2006:
v.2.0.4 - Refactored info in colors.css; fixed textarea color
26 Jun 2006:
v.2.0.3 - TWiki 4.0.3 (Dakar) RELEASE VERSION
31 Jan 2006:
v.2.0.0 - TWiki 4.0.0 (Dakar) RELEASE VERSION
28 Aug 2004:
v.1.0.9 - TWiki 3.0 (Cairo) RELEASE VERSION
08 Aug 2004:
Initial version (v1.0.0)
Related topics
Other skins:
