-- PeterThoeny - 03 Jan 2003

-- PeterThoeny - 05 Jan 2003

Use the existing TWikiTemplates (like view.tmpl) or skin files as a base for your own skin, name it for example view.myskin.tmpl.

Variables in Skins

You can use template variables, TWikiVariables, and other predefined variables to compose your skins. Some commonly used variables in skins:

The "Go" Box and Navigation Box

The %WEBTOPICLIST% includes a "Go" box to jump to a topic. The box also understand URLs, e.g. you can type http://www.google.com/ to jump to an external web site. The feature is handy if you build a skin that has a select box of frequently used links, like Intranet home, employee database, sales database and such. A little JavaScript gets into action on the onSelect method of the select tag to fill the selected URL into the "Go" box field, then submits the form.

Here is an example form that has a select box and the "Go" box for illustration purposes. You need to have JavaScript enabled for this to work:

Packaging and Publishing Skins

See TWiki:Plugins/SkinPackagingHowTo

-- PeterThoeny - 14 Jul 2001

-- PeterThoeny - 03 Jan 2003

Overlay regular templates with alternate header/footer layouts

Skins overlay regular templates with alternate header/footer layouts; topic text is not affected

Skins are customized TWiki Templates files. You can use skins to change the look of a TWiki topic, for example, the layout of the header and footer. Rendered text between header and footer does not change. You can also use skins to define an alternate view, like a view optimized for printing.

Skins are customized TWikiTemplates files. You can use skins to change the look of a TWiki topic, for example, the layout of the header and footer. Rendered text between header and footer does not change. You can also use skins to define an alternate view, like a view optimized for printing.

--++ Defining Skins

Defining Skins

TOC: No TOC in "TWiki.TWikiSkins"

Skins are customized TWikiTemplate files. You can use skins to change the look of a TWiki topic, for example the layout of the header and footer. Note that the renderd text between header and footer does not change. You can also use skins to define an alternate view, ex: a view optimized for printing.

Overlay regular templates with alternate header/footer layouts

Skin files are located in the twiki/template directory and are name with this syntax: <scriptname>.<skin>.tmpl. For example, the print skin for the view template is view.print.tmpl (red color added for clarification).

Overview

Skins are customized TWiki Templates files. You can use skins to change the look of a TWiki topic, for example, the layout of the header and footer. Rendered text between header and footer does not change. You can also use skins to define an alternate view, like a view optimized for printing.

--++ Defining Skins

Skin files are located in the twiki/templates directory and are named with the syntax: <scriptname>.<skin>.tmpl. For example, the Printable skin for the view template is view.print.tmpl.

Activating Skins

• Define the SKIN preference variable in TWikiPreferences, one of the WebPreferences, or a user preference. Ex:

• Define the SKIN Preference variable in TWikiPreferences, one of the WebPreferences, or in a user - TWikiGuest - topic.

The ?skin=name URL parameter overrides the SKIN preference value.

The ?skin=name URL parameter overrides the SKIN Preference value.

TWiki Skins

TWiki Skins

Skins are customized TWikiTemplate files. You can use skins to change the look of a TWiki topic, for example the layout of the header and footer. Note that the renderd text between header and footer does not change. You can use skins also to define an alternate view, i.e. a view optimized for printing.

Skins are customized TWikiTemplate files. You can use skins to change the look of a TWiki topic, for example the layout of the header and footer. Note that the renderd text between header and footer does not change. You can also use skins to define an alternate view, ex: a view optimized for printing.

A skin file is located in the twiki/template directory and has a name like <scriptname>.<skin>.tmpl. For example, the print skin for the view template is view.print.tmpl (red color added for clarification).

Skin files are located in the twiki/template directory and are name with this syntax: <scriptname>.<skin>.tmpl. For example, the print skin for the view template is view.print.tmpl (red color added for clarification).

• Define the SKIN preference variable in TWikiPreferences, one of the WebPreferences, or a user preference. I.e.
  • Set SKIN = wikiwiki
• Add ?skin=name to the URL, i.e. for this topic:

• Define the SKIN preference variable in TWikiPreferences, one of the WebPreferences, or a user preference. Ex:
  • Set SKIN = print
• Add ?skin=name to the URL, for this example:

Skins are customized template files. You can use skins to change the look of a TWiki topic, for example the layout of the header and footer. Note that the renderd text between header and footer does not change. You can use skins also to define an alternate view, i.e. a view optimized for printing.

Skins are customized TWikiTemplate files. You can use skins to change the look of a TWiki topic, for example the layout of the header and footer. Note that the renderd text between header and footer does not change. You can use skins also to define an alternate view, i.e. a view optimized for printing.

A skin file is located in the twiki/template directory and has a name like <scriptname>.<skin>.tmpl or <scriptname>.<topicname>.<skin>.tmpl. For example, the print skin for the view template is view.print.tmpl (red color added for clarification).

A skin file is located in the twiki/template directory and has a name like <scriptname>.<skin>.tmpl. For example, the print skin for the view template is view.print.tmpl (red color added for clarification).

• • Set SKIN = wikiwiki
    Note: Who has time to create the classic wikiwiki skin?

• • Set SKIN = wikiwiki

-- PeterThoeny - 16 Mar 2001

-- PeterThoeny - 14 Jul 2001

TWiki Skins

A skin file is located in the twiki/template directory and has a name like <scriptname>.<skin>.tmpl or <scriptname>.<topicname>.<skin>.tmpl. For example, the print skin for the view template is view.print.tmpl (red color added for clarification).

A skin file is located in the twiki/template directory and has a name like <scriptname>.<skin>.tmpl or <scriptname>.<topicname>.<skin>.tmpl. For example, the print skin for the view template is view.print.tmpl (red color added for clarification).

The ?skin=name URL parameter overrides the SKIN preference value.

The ?skin=name URL parameter overrides the SKIN preference value.

-- PeterThoeny - 20 Jan 2001

-- PeterThoeny - 16 Mar 2001

Skins are customized template files. You can use skins to change the look of a TWiki topic, for example the layout of the header and footer. Note that the renderd text between header and footer does not change. You can use skins also to define an alternate view, i.e. a view optimized for printing.

A skin file is located in the twiki/template directory and has a name like <scriptname>.<skin>.tmpl or <scriptname>.<topicname>.<skin>.tmpl. For example, the print skin for the view template is view.print.tmpl (red color added for clarification).

A skin can be activated in two ways:

• Define the SKIN preference variable in TWikiPreferences, one of the WebPreferences, or a user preference. I.e.
  • Set SKIN = wikiwiki
    Note: Who has time to create the classic wikiwiki skin?
• Add ?skin=name to the URL, i.e. for this topic:
  • http://jhydra.sourceforge.net/cgi-bin/view/TWiki/TWikiSkins?skin=print (for the print view skin)
  • http://jhydra.sourceforge.net/cgi-bin/view/TWiki/TWikiSkins?skin=plain (for the plain view skin that has no header and footer)

The ?skin=name URL parameter overrides the SKIN preference value.

-- PeterThoeny - 20 Jan 2001