create new tag
, view all tags
ALERT! NOTE: This is a SupplementalDocument topic which is not included with the official TWiki distribution. Please help maintain high quality documentation by fixing any errors or incomplete content. Put questions and suggestions concerning the documentation of this topic in the comments section below! Use the Support web for problems you are having using TWiki.

Screen Elements of a TWiki Skin

This topic is intended as a guide for TWikiSkins designers. It depicts screen elements of the default skin of TWiki, the TopMenuSkin. New skins can use some or all of these elements.

Screen Elements (click to enlarge):
Screen elements
Screen elements by group: (see screenshot to the right)

  • Top menu:
    • 1. Home link & pulldown; pulldown contains list of webs
    • 2. Web link & pulldown; pulldown contains main actions on web
    • 3. Breadcrumb, with "P" indicating parent(s) of current topic. Example:
      Empty transparent 16x16 spacerTWiki logo, gray scale Home > Sandbox web > P > P > View
    • 4. Account pulldown with link to profile page and personal bookmarks
  • Page header:
    • 5. Site logo, linked to site home
    • 6. Jump box
    • 7. Search box
    • 8. Page action buttons: Edit, Attach
    • 9. Broadcast message (if enabled)
    • 10. Tag links (optional, if TagMePlugin installed)
  • Wiki page content:
    • 11. H1 heading
    • 12. Table of Content (using %TOC%)
    • 13. H2 to H6 headings
    • 14. Paragraph text
    • 15. Unordered and ordered bullet lists
    • 16. Table, with header and rows with alternating background colors
    • (not shown) Blockquotes
    • (not shown) Code text, verbatim text
    • (not shown) Images
    • (not shown) TWiki form table (database record)
    • (not shown) File attachment table (if any)
  • Page footer:
    • 17. Page links: Edit, Attach, Print version, History links, Backlinks, Raw View, Raw Edit, More topic actions
    • 18. Page version info (revision, date, author)
    • 19. Copyright statement and small TWiki logo

These are the screen elements based on the default TopMenuSkin layout. A custom skin may have a completely different layout, but could have most of the elements listed here.

-- Contributors: PeterThoeny - 2012-08-18

Comments & Questions about this Supplemental Document Topic

Yeah! I always get confused doing a new skin. By the way has there ever been timing done on the skin template engine? I have wondered if "pre-compiling" the skin template would improve rendering performance. Meaning, collapsing all variables that can be pre-rendered.

-- CraigMeyer - 2012-08-19

I have not done formal timing, however, there is a small difference between the default skin (2.5 sec) and ?skin=plain (2.4 sec) that has no page decoration, just page content.

-- PeterThoeny - 2012-08-20

Please use the Support forum if you have questions about TWiki features. This comment section is about the documentation of this topic.
Edit | Attach | Watch | Print version | History: r4 < r3 < r2 < r1 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r4 - 2012-10-29 - PeterThoeny
  • Learn about TWiki  
  • Download TWiki
This site is powered by the TWiki collaboration platform Powered by Perl Hosted by OICcam.com Ideas, requests, problems regarding TWiki? Send feedback. Ask community in the support forum.
Copyright © 1999-2018 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.