|
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
HTML Page Templates
|
< < |
AVO TWiki uses HTML template files for all actions, like topic view, edit, and preview. This allows you to change the look and feel of all pages by editing just a few template files.
|
> > |
TWiki uses HTML template files for all actions, like topic view, edit, and preview. This allows you to change the look and feel of all pages by editing just a few template files.
|
|
|
< < |
Templates are in the twiki/templates directory. As an example, twiki/templates/view.tmpl is the template file for the twiki/bin/view script. Templates can be overloaded by individual webs. The following search order applies:
|
> > |
Templates are stored either in the twiki/templates directory or in user topics. As an example, twiki/templates/view.tmpl is the template file for the twiki/bin/view script.
|
|
|
< < |
-
twiki/templates/$webName/$scriptName.tmpl
-
twiki/templates/$scriptName.tmpl
-
$webName is the name of the web (ex: Main)
-
$scriptName is the script (ex: view).
|
> > |
Templates can be overloaded by individual webs.
|
|
|
< < |
NOTE: TWikiSkins can be defined to overload the standard templates.
|
> > |
TWikiSkins can overload the standard templates.
TWiki uses the following search order to determine which template to use:
| If a skin is specified | If no skin is specified |
templates/%WEB%/%RED%script.%RED%skin%ENDCOLOR%.tmpl | templates/%WEB%/%RED%script%ENDCOLOR%.tmpl |
templates/%RED%script%ENDCOLOR%.%RED%skin%ENDCOLOR%.tmpl | templates/%RED%script%ENDCOLOR%.tmpl |
data/%WEB%/%RED%Skin%ENDCOLOR%Skin%RED%Script%ENDCOLOR%Template.txt | data/%WEB%/%RED%Script%ENDCOLOR%Template.txt |
data/TWiki/%RED%Skin%ENDCOLOR%Skin%RED%Script%ENDCOLOR%Template.txt | data/TWiki/%RED%Script%ENDCOLOR%Template.txt |
Legend: %BB% %RED%script%ENDCOLOR% refers to the script name, e.g view, edit %BB% %RED%Script%ENDCOLOR% refers to the same, but with the first character capitalized, e.g View %BB% %RED%skin%ENDCOLOR% refers to the skin name, e.g dragon, pattern %BB% %RED%Skin%ENDCOLOR% refers to the same, but with the first character capitalized, e.g Dragon %BB% %WEB% refers to the current web |
Additionally (and primarily for use in %TMPL:INCLUDE{}%) the template name may be a wiki topic name, specified as %RED%Web%ENDCOLOR%.%RED%Topic%ENDCOLOR%, in which case the search is:
| If a skin is specified | If no skin is specified |
templates/%RED%web%ENDCOLOR%/%RED%Web%ENDCOLOR%.%RED%Topic%ENDCOLOR%.%RED%skin%ENDCOLOR%.tmpl | templates/%RED%web%ENDCOLOR%/%RED%Web%ENDCOLOR%.%RED%Topic%ENDCOLOR%.tmpl |
templates/%RED%Web%ENDCOLOR%.%RED%Topic%ENDCOLOR%.%RED%skin%ENDCOLOR%.tmpl | templates/%RED%Web%ENDCOLOR%.%RED%Topic%ENDCOLOR%.tmpl |
data/%RED%Web%ENDCOLOR%/%RED%Topic%ENDCOLOR%.txt |
If %RED%Web%ENDCOLOR% is not specified in the INCLUDE, it defaults to TWiki, and the search to the first type.
|
|
Special variables are used in templates, especially in view, to display meta data.
|
|
templatetopic | The name of the template topic, e.g. topic used to copy the initial content |
topicparent | Sets the parent topic |
TopicClassification | Assuming the template topic has a form with a field called "TopicClassification", it will set the value of the field |
|
> > |
contenttype | Optional parameter that defines the application type to write into the CGI header. Defaults to text/html. May be used to invoke alternative client applications |
|
|
anyname | Any parameter can passed to the new topic; if the template topic contains %URLPARAM{"anyname"}%, it will be replaced by its value |
|
|
- A drawback of referring to a master template is that you can only test a template from within TWiki, where the include variables are resolved. In the previous system, each template was a structurally complete HTML document with a
.tmpl filename extension - it contained unresolved %VARIABLES%, but could still be previewed directly in a browser.
|
< < |
-- TWiki:Main.PeterThoeny - 25 Apr 2004
|
> > |
-- TWiki:Main.CrawfordCurrie - 30 Jun 2004
-- TWiki:Main.PeterThoeny - 15 Aug 2004
|
|
-- TWiki:Main.MikeMannix - 14 Sep 2001
-- TWiki:Main.DavidLeBlanc - 11 Mar 2002
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
|
< < |
%WIKIUSERNAME% | User name, e.g. Main.TWikiGuest |
|
> > |
%USERNAME% | Login name, e.g. jsmith |
%WIKINAME% | WikiName of user, e.g. JohnSmith |
%WIKIUSERNAME% | User name, e.g. Main.JohnSmith |
|
|
%URLPARAM{"name"}% | Value of a named URL parameter |
%NOP% | A no-operation variable that gets removed. Useful to prevent a SEARCH from hitting an edit template topic; also useful to escape a variable like %URLPARAM%NOP%{...}% |
%NOP{ ... }% | A no-operation text that gets removed. Useful to write-protect an edit template topic, but not the topics based this template topic. See notes below. Example: %NOP{ * Set ALLOWTOPICCHANGE = Main.TWikiAdminGroup }% |
|
|
- A drawback of referring to a master template is that you can only test a template from within TWiki, where the include variables are resolved. In the previous system, each template was a structurally complete HTML document with a
.tmpl filename extension - it contained unresolved %VARIABLES%, but could still be previewed directly in a browser.
|
< < |
-- TWiki:Main.PeterThoeny - 30 Dec 2004
|
> > |
-- TWiki:Main.PeterThoeny - 25 Apr 2004
|
|
-- TWiki:Main.MikeMannix - 14 Sep 2001
-- TWiki:Main.DavidLeBlanc - 11 Mar 2002
|
> > |
|
|
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="1026977240" path="C:\Data\Temp\testscreen.gif" size="9566" user="PeterThoeny" version="1.2" |
| META TOPICMOVED | MikeMannix | date="1000277381" from="TWiki.TWikiTemplateSystem" to="TWiki.TWikiTemplates" |
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
</form>
|
< < |
The onlywikiname parameter enforces WikiWords for topic names. The topicparent parameter sets the topic parent to the topic where the form is located.
|
> > |
The edit scipt understands the following parameters, typically supplied by HTML input fields:
| Parameter: | Description: |
topic | Name of topic to create. Can be set in a text field, or is set programmatically (e.g. with a sequential number) |
onlywikiname | If set, TWiki will complain if the topic name is not a WikiWord |
templatetopic | The name of the template topic, e.g. topic used to copy the initial content |
topicparent | Sets the parent topic |
TopicClassification | Assuming the template topic has a form with a field called "TopicClassification", it will set the value of the field |
anyname | Any parameter can passed to the new topic; if the template topic contains %URLPARAM{"anyname"}%, it will be replaced by its value |
|
|
TIP: You can use the %WIKIUSERNAME% and %DATE% variables in your topic templates to include the signature of the person creating a new topic. The variables are expanded into fixed text when a new topic is created. The standard signature is:
-- %WIKIUSERNAME% - %DATE%
|
|
- A drawback of referring to a master template is that you can only test a template from within TWiki, where the include variables are resolved. In the previous system, each template was a structurally complete HTML document with a
.tmpl filename extension - it contained unresolved %VARIABLES%, but could still be previewed directly in a browser.
|
< < |
-- PeterThoeny - 01 Feb 2003
-- MikeMannix - 14 Sep 2001
-- TWiki:Main/DavidLeBlanc - 11 Mar 2002
|
> > |
-- TWiki:Main.PeterThoeny - 16 Dec 2003
-- TWiki:Main.MikeMannix - 14 Sep 2001
-- TWiki:Main.DavidLeBlanc - 11 Mar 2002
|
|
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="1026977240" path="C:\Data\Temp\testscreen.gif" size="9566" user="PeterThoeny" version="1.2" |
| META TOPICMOVED | MikeMannix | date="1000277381" from="TWiki.TWikiTemplateSystem" to="TWiki.TWikiTemplates" |
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
- WebTopicEditTemplate in the current web
- WebTopicEditTemplate in the TWiki web
|
> > |
Edit Template Topics and Variable Expansion
The following variables get expanded when a user creates a new topic based on a template topic:
| Variable: | Description: |
%DATE% | Current date, e.g. 12 Feb 2012 |
%WIKIUSERNAME% | User name, e.g. Main.TWikiGuest |
%URLPARAM{"name"}% | Value of a named URL parameter |
%NOP% | A no-operation variable that gets removed. Useful to prevent a SEARCH from hitting an edit template topic; also useful to escape a variable like %URLPARAM%NOP%{...}% |
%NOP{ ... }% | A no-operation text that gets removed. Useful to write-protect an edit template topic, but not the topics based this template topic. See notes below. Example: %NOP{ * Set ALLOWTOPICCHANGE = Main.TWikiAdminGroup }% |
Notes:
- Unlike other variables,
%NOP{ ... }% can span multiple lines.
- The scan for the closing
}% pattern is "non-greedy", that is, it stops at the first occurance. That means, you need to escape variables with parameters located inside %NOP{ ... }%: Insert a %NOP% between } and %. Silly example: %NOP{ %GMTIME{"$year"}%NOP%% }%.
All other variables are unchanged, e.g. are carried over "as is" into the new topic.
|
|
Template Topics in Action
Here is an example for creating new topics based on a specific template topic:
|
|
- A drawback of referring to a master template is that you can only test a template from within TWiki, where the include variables are resolved. In the previous system, each template was a structurally complete HTML document with a
.tmpl filename extension - it contained unresolved %VARIABLES%, but could still be previewed directly in a browser.
|
< < |
-- PeterThoeny - 23 Jul 2001
|
> > |
-- PeterThoeny - 01 Feb 2003
|
|
-- MikeMannix - 14 Sep 2001
-- TWiki:Main/DavidLeBlanc - 11 Mar 2002
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="1026977240" path="C:\Data\Temp\testscreen.gif" size="9566" user="PeterThoeny" version="1.2" |
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
Here is an example for creating new topics based on a specific template topic:
|
< < |
|
> > |
|
|
|
|
The above form asks for a topic name. A hidden input tag named templatetopic specifies ExampleTopicTemplate as the template topic to use. Here is the HTML source of the form:
|
< < |
<form name="new" action="%SCRIPTURLPATH%/edit%SCRIPTSUFFIX%/%URLENCODE{"%WEB%"}%/">
|
> > |
<form name="new" action="%SCRIPTURLPATH%/edit%SCRIPTSUFFIX%/%INTURLENCODE{"%WEB%"}%/">
|
|
- New example topic:
<input type="text" name="topic" value="ExampleTopic%SERVERTIME{$yearx$mox$day}%" size="23" />
<input type="hidden" name="templatetopic" value="ExampleTopicTemplate" />
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
Here is an example for creating new topics based on a specific template topic:
|
< < |
|
> > |
|
|
|
|
The above form asks for a topic name. A hidden input tag named templatetopic specifies ExampleTopicTemplate as the template topic to use. Here is the HTML source of the form:
|
< < |
<form name="new" action="%SCRIPTURLPATH%/edit%SCRIPTSUFFIX%/%WEBURLENCODED%/">
|
> > |
<form name="new" action="%SCRIPTURLPATH%/edit%SCRIPTSUFFIX%/%URLENCODE{"%WEB%"}%/">
|
|
- New example topic:
<input type="text" name="topic" value="ExampleTopic%SERVERTIME{$yearx$mox$day}%" size="23" />
<input type="hidden" name="templatetopic" value="ExampleTopicTemplate" />
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
Here is an example for creating new topics based on a specific template topic:
|
< < |
|
> > |
|
|
|
|
The above form asks for a topic name. A hidden input tag named templatetopic specifies ExampleTopicTemplate as the template topic to use. Here is the HTML source of the form:
|
< < |
<form name="new" action="%SCRIPTURLPATH%/edit%SCRIPTSUFFIX%/%WEB%/">
|
> > |
<form name="new" action="%SCRIPTURLPATH%/edit%SCRIPTSUFFIX%/%WEBURLENCODED%/">
|
|
- New example topic:
<input type="text" name="topic" value="ExampleTopic%SERVERTIME{$yearx$mox$day}%" size="23" />
<input type="hidden" name="templatetopic" value="ExampleTopicTemplate" />
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
- defines common variables, like a standard separator (ex: "|"), in the base template;
- defines variable text in the individual templates and passes it back to the base template.
|
> > |
|
|
How Template Variables Work
- Special template directives (or preprocessor commands) are embedded in normal templates.
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
Overview
|
< < |
The new modular template system offers flexible, easy control over the layout of all TWiki pages. The master template approach groups parts that are shared by several templates - like headers and footers - in a common file. Special variables allow individual layouts to include parts from a master template - variables are mixed with regular HTML mark-up for template-specific content. Templates are used to define page layout, and also to supplydefault content for new pages.
|
> > |
The new modular template system offers flexible, easy control over the layout of all TWiki pages. The master template approach groups parts that are shared by several templates - like headers and footers - in a common file. Special variables allow individual layouts to include parts from a master template - variables are mixed with regular HTML markup for template-specific content. Templates are used to define page layout, and also to supply default content for new pages.
|
|
Major changes from the previous template system
|
|
- defines common variables, like a standard separator (ex: "|"), in the base template;
- defines variable text in the individual templates and passes it back to the base template.
|
< < |
Functional Specifications
|
> > |
How Template Variables Work
|
|
- Special template directives (or preprocessor commands) are embedded in normal templates.
|
< < |
- Use of template directives is optional, templates work without them.
|
|
- All template preprocessing is done in
&TWiki::Store::readTemplate() so that the caller simply gets an expanded template file (the same as before).
|
< < |
- Directives are of the form
%TMPL:<key>% and %TMPL:<key>{"attr"}%.
|
> > |
- Directives are of the form
%TMPL:<key>% and %TMPL:<key>{"attr"}%.
|
|
|
< < |
-
-
%TMPL:INCLUDE{"file"}%: Includes a template file. The template directory of the current web is searched first, then the templates root (twiki/templates).
-
%TMPL:DEF{"var"}%: Define a variable. Text between this and the END directive is not returned, but put into a hash for later use.
-
%TMPL:END%: Ends variable definition.
-
%TMPL:P{"var"}%: Prints a previously defined variable.
- Variables are live in a global name space, there is no parameter passing.
- Two-pass processing, so that you can use a variable before declaring it or after.
- Templates and TWikiSkins work transparently and interchangeably. For example, you can create a skin that overloads just the
twiki.tmpl, like twiki.print.tmpl, that redefines the header and footer.
- NOTE: The template directives work only for templates, they do not get processed in topic text.
|
> > |
-
-
%TMPL:INCLUDE{"file"}%: Includes a template file. The template directory of the current web is searched first, then the templates root (twiki/templates).
-
%TMPL:DEF{"var"}%: Define a variable. Text between this and the END directive is not returned, but put into a hash for later use.
-
%TMPL:END%: Ends variable definition.
-
%TMPL:P{"var"}%: Prints a previously defined variable.
- Variables live in a global name space: there is no parameter passing.
- Two-pass processing lets you use a variable before or after declaring it.
- Templates and TWikiSkins work transparently and interchangeably. For example, you can create a skin that overloads only the
twiki.tmpl master template, like twiki.print.tmpl, that redefines the header and footer.
-
Use of template directives is optional: templates work without them.
-
NOTE: Template directives work only for templates: they do not get processed in topic text.
|
|
|
< < |
TWiki Master Template
|
> > |
Types of Template
There are three types of template:
- Master Template: Stores common parts; included by other templates
- HTML Page Templates: Defines the layout of AVO TWiki pages
- Template Topics: Defines default text when you create a new topic
Master Templates
|
|
|
< < |
All common parts are defined in a master template, twiki.tmpl, that all other templates use.
|
> > |
Common parts, appearing in two or more templates, can be defined in a master template and then shared by others: twiki.tmpl is the default master template.
|
|
|
< < |
| %TMPL:DEF{"standardheader"}% | Standard header (ex: view, index, seach) |
|
> > |
| %TMPL:DEF{"standardheader"}% | Standard header (ex: view, index, search) |
|
|
| %TMPL:DEF{"simpleheader"}% | Simple header with reduced links (ex: edit, attach, oops) |
| %TMPL:DEF{"standardfooter"}% | Footer, excluding revision and copyright parts |
| %TMPL:DEF{"oops"}% | Skeleton of oops dialog |
|
< < |
Types of Template
There are two types of templates:
- HTML Page Templates: Defines layout of AVO TWiki pages
- Template Topics: Defines default text when you create a new topic
|
|
HTML Page Templates
|
< < |
AVO TWiki uses HTML template files for all actions like topic view, edit, preview and so on. This allows you to change the look and feel of all pages by editing just some template files.
|
> > |
AVO TWiki uses HTML template files for all actions, like topic view, edit, and preview. This allows you to change the look and feel of all pages by editing just a few template files.
|
|
|
< < |
The template files are in the twiki/templates directory. As an example, twiki/templates/view.tmpl is the template file for the twiki/bin/view script. Templates can be overloaded per web. The following search order applies:
|
> > |
Templates are in the twiki/templates directory. As an example, twiki/templates/view.tmpl is the template file for the twiki/bin/view script. Templates can be overloaded by individual webs. The following search order applies:
|
|
-
twiki/templates/$webName/$scriptName.tmpl
-
twiki/templates/$scriptName.tmpl
|
> > |
-
-
$webName is the name of the web (ex: Main)
-
$scriptName is the script (ex: view).
|
|
|
< < |
Note: $webName is the name of the web (ex: Main), and $scriptName is the script (ex: view).
Note: TWikiSkins can be defined to overload the standard templates.
|
> > |
NOTE: TWikiSkins can be defined to overload the standard templates.
|
|
Special variables are used in templates, especially in view, to display meta data.
Template Topics
|
< < |
Template topics define the default text for new topics. There are three types of template topics:
|
> > |
Template topics define the default text for new topics. There are three types of template topic:
|
|
|
< < |
|
> > |
|
|
|
< < |
All template topics are located in the TWiki web. The WebTopicEditTemplate can be overloaded. The following search order applies when you create a new topic:
|
> > |
All template topics are located in the TWiki web. The WebTopicEditTemplate can be overloaded. When you create a new topic, TWiki locates a topic to use as a content template according to the following search order:
|
|
|
< < |
- The topic name specified by the
templatetopic CGI parameter.
- WebTopicEditTemplate in the current web.
- WebTopicEditTemplate in the TWiki web.
|
> > |
- A topic name specified by the
templatetopic CGI parameter.
- WebTopicEditTemplate in the current web
- WebTopicEditTemplate in the TWiki web
|
|
Template Topics in Action
|
|
(date format is YYYYxMMxDD)
|
< < |
Above form asks for a topic name. A hidden input tag of name "templatetopic" specifies the ExampleTopicTemplate as the template topic. Here is the HTML source of the form:
|
> > |
The above form asks for a topic name. A hidden input tag named templatetopic specifies ExampleTopicTemplate as the template topic to use. Here is the HTML source of the form:
|
|
<form name="new" action="%SCRIPTURLPATH%/edit%SCRIPTSUFFIX%/%WEB%/">
|
|
</form>
|
< < |
The "onlywikiname" parameter enforces WikiWords for topic names.
|
> > |
The onlywikiname parameter enforces WikiWords for topic names.
|
|
|
< < |
Note: Use can use the %WIKIUSERNAME% and %DATE% variables in your topic templates as the signature; those variables are expanded when a new topic is created. The standard topic signature is: -- %WIKIUSERNAME% - %DATE%
|
> > |
TIP: You can use the %WIKIUSERNAME% and %DATE% variables in your topic templates to include the signature of the person creating a new topic. The variables are expanded into fixed text when a new topic is created. The standard signature is:
-- %WIKIUSERNAME% - %DATE%
|
|
Templates by Example
|
< < |
Attached is an example of an oops base template oopsbase.tmpl and a example oops dialog oopstest.tmpl which is based on the base template. NOTE: This isn't the release version, just a quick, simple demo.
|
> > |
Attached is an example of an oops based template oopsbase.tmpl and an example oops dialog oopstest.tmpl based on the base template. NOTE: This isn't the release version, just a quick, simple demo.
|
|
Base template oopsbase.tmpl
|
< < |
The first line declares the delimiter variable called "sep", used to separate multiple link items. The variable can be called anywhere by writing %TMPL:P{"sep"}%
|
> > |
The first line declares a delimiter variable called "sep", used to separate multiple link items. The variable can be called anywhere by writing %TMPL:P{"sep"}%
|
|
|
|
With URL: .../bin/oops/Sandbox/TestTopic2?template=oopstest¶m1=WebHome¶m2=WebNotify
|
< < |
|
> > |
|
|
Known Issues
|
< < |
- A drawback of referring to a master template is that you can only test a template from within TWiki, where the include variables are resolved. In the previous system, each template is a structurally complete HTML document with a
.tmpl filename extension - it contains unresolved %VARIABLES%, but can still be previewed directly in a browser.
|
> > |
- A drawback of referring to a master template is that you can only test a template from within TWiki, where the include variables are resolved. In the previous system, each template was a structurally complete HTML document with a
.tmpl filename extension - it contained unresolved %VARIABLES%, but could still be previewed directly in a browser.
|
|
-- PeterThoeny - 23 Jul 2001
-- MikeMannix - 14 Sep 2001
|
> > |
-- TWiki:Main/DavidLeBlanc - 11 Mar 2002
|
|
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="1026977240" path="C:\Data\Temp\testscreen.gif" size="9566" user="PeterThoeny" version="1.2" |
| META TOPICMOVED | MikeMannix | date="1000277381" from="TWiki.TWikiTemplateSystem" to="TWiki.TWikiTemplates" |
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
Sample screen shot of oopstest.tmpl
|
< < |
With URL: .../bin/oops/Test/TestTopic2?template=oopstest¶m1=WebHome¶m2=WebNotify
|
> > |
With URL: .../bin/oops/Sandbox/TestTopic2?template=oopstest¶m1=WebHome¶m2=WebNotify
|
|
|
< < |
|
> > |
|
|
Known Issues
|
|
-- PeterThoeny - 23 Jul 2001
-- MikeMannix - 14 Sep 2001
|
< < |
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="999598142" path="C:\02_TWikiDocs\testscreen.gif" size="9460" user="MikeMannix" version="1.1" |
|
> > |
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="1026977240" path="C:\Data\Temp\testscreen.gif" size="9566" user="PeterThoeny" version="1.2" |
|
|
| META TOPICMOVED | MikeMannix | date="1000277381" from="TWiki.TWikiTemplateSystem" to="TWiki.TWikiTemplates" |
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
With URL: .../bin/oops/Test/TestTopic2?template=oopstest¶m1=WebHome¶m2=WebNotify
|
< < |
|
> > |
|
|
Known Issues
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
Overview
|
< < |
The new modular template system offers flexible, easy control over the layout of all TWiki pages. The master template approach groups parts that are shared by several templates - like headers and footers - in a common file. Special variables allow individual layouts to include parts from a master template - variables are mixed with regular HTML mark-up for template-specific content.
|
> > |
The new modular template system offers flexible, easy control over the layout of all TWiki pages. The master template approach groups parts that are shared by several templates - like headers and footers - in a common file. Special variables allow individual layouts to include parts from a master template - variables are mixed with regular HTML mark-up for template-specific content. Templates are used to define page layout, and also to supplydefault content for new pages.
|
|
Major changes from the previous template system
|
|
- HTML Page Templates: Defines layout of AVO TWiki pages
- Template Topics: Defines default text when you create a new topic
|
> > |
|
|
HTML Page Templates
AVO TWiki uses HTML template files for all actions like topic view, edit, preview and so on. This allows you to change the look and feel of all pages by editing just some template files.
|
|
Special variables are used in templates, especially in view, to display meta data.
|
> > |
|
|
Template Topics
Template topics define the default text for new topics. There are three types of template topics:
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
< < |
TWiki Template System
|
> > |
TWiki Templates
|
|
Definition of the templates used to render all HTML pages displayed in TWiki
Overview
|
< < |
The new modular template system is more flexible, efficient, and easily updated than the old set-up, where each template is a complete HTML file. The new master template approach places common templates parts, like headers and footers, in one shared file. This simplifies the conversion of templates into XHTML format, and provides a more versatile solution for templates and for TWikiSkins.
|
> > |
The new modular template system offers flexible, easy control over the layout of all TWiki pages. The master template approach groups parts that are shared by several templates - like headers and footers - in a common file. Special variables allow individual layouts to include parts from a master template - variables are mixed with regular HTML mark-up for template-specific content.
|
|
Major changes from the previous template system
|
< < |
The main difference is that templates are now defined using variables to include template parts. You change one stored instance of a common element to update all occurrences. The new system:
|
> > |
Where the old templates were each complete HTML documents, the new templates are defined using variables to include template parts from a master file. You can now change one instance of a common element to update all occurrences; previously, every affected template had to be updated. This simplifies the conversion of templates into XHTML format, and provides a more versatile solution for templates and for TWikiSkins. The new system:
|
|
- separates a set of common template parts into a base template that is included by all of the related templates;
|
< < |
|
|
- defines common variables, like a standard separator (ex: "|"), in the base template;
|
< < |
|
|
- defines variable text in the individual templates and passes it back to the base template.
Functional Specifications
|
|
- Variables are live in a global name space, there is no parameter passing.
- Two-pass processing, so that you can use a variable before declaring it or after.
- Templates and TWikiSkins work transparently and interchangeably. For example, you can create a skin that overloads just the
twiki.tmpl, like twiki.print.tmpl, that redefines the header and footer.
|
< < |
- Note: The template directives work only for templates, they do not get processed in topic text.
|
> > |
- NOTE: The template directives work only for templates, they do not get processed in topic text.
|
|
TWiki Master Template
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
-
twiki/templates/$webName/$scriptName.tmpl
-
twiki/templates/$scriptName.tmpl
|
< < |
Note: $webName is the name of the web ( i.e. Main ), and $scriptName is the script ( i.e. view ).
|
> > |
Note: $webName is the name of the web (ex: Main), and $scriptName is the script (ex: view).
|
|
Note: TWikiSkins can be defined to overload the standard templates.
|
< < |
Some special variables are used in templates ( especially view ) to show meta data - see Meta Data Rendering
|
> > |
Special variables are used in templates, especially in view, to display meta data.
|
|
Template Topics
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
- Templates and TWikiSkins work transparently and interchangeably. For example, you can create a skin that overloads just the
twiki.tmpl, like twiki.print.tmpl, that redefines the header and footer.
- Note: The template directives work only for templates, they do not get processed in topic text.
|
< < |
New Template System by Example
|
> > |
TWiki Master Template
All common parts are defined in a master template, twiki.tmpl, that all other templates use.
| Template variable: | Defines: |
| %TMPL:DEF{"sep"}% | "|" separator |
| %TMPL:DEF{"htmldoctype"}% | Start of all HTML pages |
| %TMPL:DEF{"standardheader"}% | Standard header (ex: view, index, seach) |
| %TMPL:DEF{"simpleheader"}% | Simple header with reduced links (ex: edit, attach, oops) |
| %TMPL:DEF{"standardfooter"}% | Footer, excluding revision and copyright parts |
| %TMPL:DEF{"oops"}% | Skeleton of oops dialog |
Types of Template
There are two types of templates:
- HTML Page Templates: Defines layout of AVO TWiki pages
- Template Topics: Defines default text when you create a new topic
HTML Page Templates
AVO TWiki uses HTML template files for all actions like topic view, edit, preview and so on. This allows you to change the look and feel of all pages by editing just some template files.
The template files are in the twiki/templates directory. As an example, twiki/templates/view.tmpl is the template file for the twiki/bin/view script. Templates can be overloaded per web. The following search order applies:
-
twiki/templates/$webName/$scriptName.tmpl
-
twiki/templates/$scriptName.tmpl
Note: $webName is the name of the web ( i.e. Main ), and $scriptName is the script ( i.e. view ).
Note: TWikiSkins can be defined to overload the standard templates.
Some special variables are used in templates ( especially view ) to show meta data - see Meta Data Rendering
Template Topics
Template topics define the default text for new topics. There are three types of template topics:
All template topics are located in the TWiki web. The WebTopicEditTemplate can be overloaded. The following search order applies when you create a new topic:
- The topic name specified by the
templatetopic parameter.
- WebTopicEditTemplate in the current web.
- WebTopicEditTemplate in the TWiki web.
Template Topics in Action
Here is an example for creating new topics based on a specific template topic:
Above form asks for a topic name. A hidden input tag of name "templatetopic" specifies the ExampleTopicTemplate as the template topic. Here is the HTML source of the form:
<form name="new" action="%SCRIPTURLPATH%/edit%SCRIPTSUFFIX%/%WEB%/">
* New example topic:
<input type="text" name="topic" value="ExampleTopic%SERVERTIME{$year$mo$day}%" size="22">
<input type="hidden" name="templatetopic" value="ExampleTopicTemplate">
<input type="hidden" name="onlywikiname" value="on">
<input type="submit" value="Create"> (date format is YYYYMMDD)
</form>
The "onlywikiname" parameter enforces WikiWords for topic names.
Note: Use can use the %WIKIUSERNAME% and %DATE% variables in your topic templates as the signature; those variables are expanded when a new topic is created. The standard topic signature is: -- %WIKIUSERNAME% - %DATE%
Templates by Example
|
|
Attached is an example of an oops base template oopsbase.tmpl and a example oops dialog oopstest.tmpl which is based on the base template. NOTE: This isn't the release version, just a quick, simple demo.
|
|
The first line declares the delimiter variable called "sep", used to separate multiple link items. The variable can be called anywhere by writing %TMPL:P{"sep"}%
|
< < |
|
> > |
|
|
%TMPL:DEF{"sep"}% | %TMPL:END%
|
|
|
|
< < |
|
|
Test template oopstest.tmpl
Each oops template basically just defines some variables and includes the base template that does the layout work.
|
< < |
|
> > |
|
|
%TMPL:DEF{"titleaction"}% (test =titleaction=) %TMPL:END%
|
|
|
With URL: .../bin/oops/Test/TestTopic2?template=oopstest¶m1=WebHome¶m2=WebNotify
|
< < |
|
> > |
|
|
|
< < |
TWiki master template
All common template parts are defined in one master template, twiki.tmpl, that all other templates include.
| Template variable: | Defines: |
| %TMPL:DEF{"sep"}% | "|" separator |
| %TMPL:DEF{"htmldoctype"}% | Start of all HTML pages |
| %TMPL:DEF{"standardheader"}% | Standard header (ex: view, index, seach) |
| %TMPL:DEF{"simpleheader"}% | Simple header with reduced links (ex: edit, attach, oops) |
| %TMPL:DEF{"standardfooter"}% | Footer, excluding revision and copyright parts |
| %TMPL:DEF{"oops"}% | Skeleton of oops dialog |
Example: oopspreview.tmpl template
%TMPL:INCLUDE{"twiki"}%
%TMPL:DEF{"titleaction"}% (oops) %TMPL:END%
%TMPL:DEF{"webaction"}% *Attention* %TMPL:END%
%TMPL:DEF{"heading"}% Topic is not saved yet %TMPL:END%
%TMPL:DEF{"message"}% Please go back in your browser and save the topic. %TMPL:END%
%TMPL:DEF{"topicaction"}%
%TMPL:END%
%TMPL:P{"oops"}%
|
|
Known Issues
- A drawback of referring to a master template is that you can only test a template from within TWiki, where the include variables are resolved. In the previous system, each template is a structurally complete HTML document with a
.tmpl filename extension - it contains unresolved %VARIABLES%, but can still be previewed directly in a browser.
|
< < |
-- PeterThoeny - 23 Jul 2001
-- MikeMannix - 30 Aug 2001
|
> > |
-- PeterThoeny - 23 Jul 2001
-- MikeMannix - 14 Sep 2001
|
|
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="999598142" path="C:\02_TWikiDocs\testscreen.gif" size="9460" user="MikeMannix" version="1.1" |
| META TOPICMOVED | MikeMannix | date="1000277381" from="TWiki.TWikiTemplateSystem" to="TWiki.TWikiTemplates" |
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
Overview
|
< < |
The new modular template system is more flexible, efficient, and easily updated than the old set-up, where each template is a complete HTML file. The new master template approach places common templates parts, like headers and footers, in one shared file. This simplifies the conversion of templates into XHTML format, and provides a more versatile solution for templates and for skins.
|
> > |
The new modular template system is more flexible, efficient, and easily updated than the old set-up, where each template is a complete HTML file. The new master template approach places common templates parts, like headers and footers, in one shared file. This simplifies the conversion of templates into XHTML format, and provides a more versatile solution for templates and for TWikiSkins.
|
|
Major changes from the previous template system
|
|
- Use of template directives is optional, templates work without them.
- All template preprocessing is done in
&TWiki::Store::readTemplate() so that the caller simply gets an expanded template file (the same as before).
- Directives are of the form
%TMPL:<key>% and %TMPL:<key>{"attr"}%.
|
< < |
- Initial set of directives:
-
%TMPL:INCLUDE{"file"}%: Includes a template file. The usual search path is applied.
|
> > |
- Directives:
-
%TMPL:INCLUDE{"file"}%: Includes a template file. The template directory of the current web is searched first, then the templates root (twiki/templates).
|
|
-
-
%TMPL:DEF{"var"}%: Define a variable. Text between this and the END directive is not returned, but put into a hash for later use.
-
%TMPL:END%: Ends variable definition.
-
%TMPL:P{"var"}%: Prints a previously defined variable.
|
< < |
- New directives can be added over time when needed, ex: IF-THEN-ELSE.
|
|
- Variables are live in a global name space, there is no parameter passing.
- Two-pass processing, so that you can use a variable before declaring it or after.
|
< < |
- Templates and skins work transparently and interchangeably. For example, you can create a skin that overloads just the
twiki.tmpl, like twiki.print.tmpl, that redefines the header and footer.
|
> > |
- Templates and TWikiSkins work transparently and interchangeably. For example, you can create a skin that overloads just the
twiki.tmpl, like twiki.print.tmpl, that redefines the header and footer.
|
|
- Note: The template directives work only for templates, they do not get processed in topic text.
New Template System by Example
|
|
The first line declares the delimiter variable called "sep", used to separate multiple link items. The variable can be called anywhere by writing %TMPL:P{"sep"}%
|
< < |
NOTE: Added a dot to escape rendering of variables, i.e. read %.WEB% as %WEB%.
|
|
|
> > |
|
|
|
< < |
<table border="1" cellspacing="0" cellpadding="1">
<tr><td>
<verbatim>
%.TMPL:DEF{"sep"}% | %.TMPL:END%
|
> > |
%TMPL:DEF{"sep"}% | %TMPL:END%
|
|
<html>
<head>
|
< < |
<title> %.WIKITOOLNAME% . %.WEB% . %.TOPIC% %.TMPL:P{"titleaction"}%</title>
<base href="%.SCRIPTURL%/view%.SCRIPTSUFFIX%/%.WEB%/%.TOPIC%">
|
> > |
<title> %WIKITOOLNAME% . %WEB% . %TOPIC% %.TMPL:P{"titleaction"}%</title>
<base href="%SCRIPTURL%/view%SCRIPTSUFFIX%/%WEB%/%TOPIC%">
|
|
<meta name="robots" content="noindex">
</head>
<body bgcolor="#FFFFFF">
<table width="100%" border="0" cellpadding="3" cellspacing="0">
<tr>
|
< < |
<td bgcolor="%.WEBBGCOLOR%" rowspan="2" valign="top" width="1%">
<a href="%.WIKIHOMEURL%">
<img src="%.PUBURLPATH%/wikiHome.gif" border="0"></a>
|
> > |
<td bgcolor="%WEBBGCOLOR%" rowspan="2" valign="top" width="1%">
<a href="%WIKIHOMEURL%">
<img src="%PUBURLPATH%/wikiHome.gif" border="0"></a>
|
|
</td>
<td>
|
< < |
<b>%.WIKITOOLNAME% . %.WEB% . </b><font size="+2">
<B>%.TOPIC%</b> %.TMPL:P{"titleaction"}%</font>
|
> > |
<b>%WIKITOOLNAME% . %WEB% . </b><font size="+2">
<B>%TOPIC%</b> %TMPL:P{"titleaction"}%</font>
|
|
</td>
</tr>
|
< < |
<tr bgcolor="%.WEBBGCOLOR%">
|
> > |
<tr bgcolor="%WEBBGCOLOR%">
|
|
<td colspan="2">
|
< < |
%.TMPL:P{"webaction"}%
|
> > |
%TMPL:P{"webaction"}%
|
|
</td>
</tr>
</table>
|
< < |
++ %.TMPL:P{"heading"}%
%.TMPL:P{"message"}%
|
> > |
++ %TMPL:P{"heading"}%
%TMPL:P{"message"}%
|
|
<table width="100%" border="0" cellpadding="3" cellspacing="0">
|
< < |
<tr bgcolor="%.WEBBGCOLOR%">
|
> > |
<tr bgcolor="%WEBBGCOLOR%">
|
|
<td valign="top">
|
< < |
Topic <b>TWikiTemplates</b> . {
%.TMPL:P{"topicaction"}%
|
> > |
Topic <b>%TOPIC%</b> . {
%TMPL:P{"topicaction"}%
|
|
}
</td>
</tr>
</table>
</body>
|
< < |
</verbatim>
</td></tr>
</table >
|
|
|
> > |
|
|
|
|
|
< < |
%.TMPL:DEF{"titleaction"}% (test =titleaction=) %.TMPL:END%
%.TMPL:DEF{"webaction"}% test =webaction= %.TMPL:END%
%.TMPL:DEF{"heading"}%
Test heading %.TMPL:END%
%.TMPL:DEF{"message"}%
|
> > |
%TMPL:DEF{"titleaction"}% (test =titleaction=) %TMPL:END%
%TMPL:DEF{"webaction"}% test =webaction= %TMPL:END%
%TMPL:DEF{"heading"}%
Test heading %TMPL:END%
%TMPL:DEF{"message"}%
|
|
Test message. Blah blah blah blah blah blah blah blah blah blah blah...
- Some more blah blah blah blah blah blah blah blah blah blah...
|
< < |
- Param1: %PARAM1%
- Param2: %PARAM2%
- Param3: %PARAM3%
- Param4: %PARAM4%
%.TMPL:END%
%.TMPL:DEF{"topicaction"}%
|
> > |
- Param1: %PARAM1%
- Param2: %PARAM2%
- Param3: %PARAM3%
- Param4: %PARAM4%
%TMPL:END%
%TMPL:DEF{"topicaction"}%
|
|
Test topicaction:
|
< < |
OK? %.TMPL:P{"sep"}%
Register? %.TMPL:END%
%.TMPL:INCLUDE{"oopsbase"}%
|
> > |
[[%WEB%.%TOPIC%][OK]] %TMPL:P{"sep"}%
[[%TWIKIWEB%.TWikiRegistration][Register]] %TMPL:END%
%TMPL:INCLUDE{"oopsbase"}%
|
|
|
|
|
> > |
TWiki master template
|
|
All common template parts are defined in one master template, twiki.tmpl, that all other templates include.
|
|
| %TMPL:DEF{"oops"}% | Skeleton of oops dialog |
|
< < |
Example: preview.tmpl template
|
> > |
Example: oopspreview.tmpl template
|
|
%TMPL:INCLUDE{"twiki"}%
%TMPL:DEF{"titleaction"}% (oops) %TMPL:END%
|
|
- A drawback of referring to a master template is that you can only test a template from within TWiki, where the include variables are resolved. In the previous system, each template is a structurally complete HTML document with a
.tmpl filename extension - it contains unresolved %VARIABLES%, but can still be previewed directly in a browser.
|
< < |
-- PeterThoeny - 23 Jul 2001
|
> > |
-- PeterThoeny - 23 Jul 2001
|
|
-- MikeMannix - 30 Aug 2001
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="999598142" path="C:\02_TWikiDocs\testscreen.gif" size="9460" user="MikeMannix" version="1.1" |
| META TOPICMOVED | MikeMannix | date="1000277381" from="TWiki.TWikiTemplateSystem" to="TWiki.TWikiTemplates" |
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
|
-- PeterThoeny - 23 Jul 2001
-- MikeMannix - 30 Aug 2001
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="999598142" path="C:\02_TWikiDocs\testscreen.gif" size="9460" user="MikeMannix" version="1.1" |
|
> > |
| META TOPICMOVED | MikeMannix | date="1000277381" from="TWiki.TWikiTemplateSystem" to="TWiki.TWikiTemplates" |
|
|
|
< < |
new topic for the final doc
Slightly edited down, but waiting for new docs, hopefully.
see also for ref: orig TWikiTemplatingSystem?
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
< < |
|
|
TWiki Template System
|
< < |
Define the templates used to render all HTML pages displayed in TWiki
|
> > |
Definition of the templates used to render all HTML pages displayed in TWiki
|
|
|
< < |
Overview
|
> > |
Overview
|
|
|
< < |
We have a need for more advanced template handling. As JohnTalintyre? pointed out in CommonHeaderFooterTemplate? it makes sense to separate the header and footer into one file so that it can be easily altered (or even overloaded by a skin). Also the oops dialog messages are all identical except for a few variables like heading, and so on.
|
> > |
The new modular template system is more flexible, efficient, and easily updated than the old set-up, where each template is a complete HTML file. The new master template approach places common templates parts, like headers and footers, in one shared file. This simplifies the conversion of templates into XHTML format, and provides a more versatile solution for templates and for skins.
|
|
|
< < |
Using external modules like the TemplateToolkit? would be one way to go, but this will add a lot of baggage to TWiki.
|
> > |
Major changes from the previous template system
|
|
|
< < |
Needs of the TWiki templating system
|
> > |
The main difference is that templates are now defined using variables to include template parts. You change one stored instance of a common element to update all occurrences. The new system:
|
|
|
< < |
- Separate common parts into one (or more) base template file(s) and include that from other template files like
view.tmpl.
- Define common variables like a "|" separator in the base template and use them in other template files
- Define variable text in templates (i.e.
view.tmpl) and pass them to the base template
|
> > |
- separates a set of common template parts into a base template that is included by all of the related templates;
|
|
|
< < |
Functional Spec
|
> > |
- defines common variables, like a standard separator (ex: "|"), in the base template;
|
|
|
< < |
I tried to define a simple but powerful solution that can be extended over time. Here we go:
|
> > |
- defines variable text in the individual templates and passes it back to the base template.
Functional Specifications
|
|
- Special template directives (or preprocessor commands) are embedded in normal templates.
- Use of template directives is optional, templates work without them.
|
< < |
- All template preprocessing is done in
&TWiki::Store::readTemplate() so that the caller simply gets an expanded template file (the same as before)
- Directives are of form
%TMPL:<key>% and %TMPL:<key>{"attr"}%.
|
> > |
- All template preprocessing is done in
&TWiki::Store::readTemplate() so that the caller simply gets an expanded template file (the same as before).
- Directives are of the form
%TMPL:<key>% and %TMPL:<key>{"attr"}%.
|
|
- Initial set of directives:
-
%TMPL:INCLUDE{"file"}%: Includes a template file. The usual search path is applied.
-
%TMPL:DEF{"var"}%: Define a variable. Text between this and the END directive is not returned, but put into a hash for later use.
-
%TMPL:END%: Ends variable definition.
-
%TMPL:P{"var"}%: Prints a previously defined variable.
|
< < |
- New directives can be added over time when needed, i.e. IF-THEN-ELSE.
- Variables live in a global name space, there is no parameter passing.
- Two pass processing, so that you can use a variable before declaring it or after.
- Templates and skins work transparently and interchangeably. You could for example define a new skin just for the header & footer and keep the other template files unchanged.
- Note: The template directive work only for templates, they do not get processed in topic text.
|
> > |
- New directives can be added over time when needed, ex: IF-THEN-ELSE.
- Variables are live in a global name space, there is no parameter passing.
- Two-pass processing, so that you can use a variable before declaring it or after.
- Templates and skins work transparently and interchangeably. For example, you can create a skin that overloads just the
twiki.tmpl, like twiki.print.tmpl, that redefines the header and footer.
- Note: The template directives work only for templates, they do not get processed in topic text.
|
|
|
< < |
Examples
|
> > |
New Template System by Example
|
|
|
< < |
Attached is an example of an oops base template oopsbase.tmpl and a example oops dialog oopstest.tmpl which is based on the base template. This is not the version that will go into the release, it is just a quick hack.
|
> > |
Attached is an example of an oops base template oopsbase.tmpl and a example oops dialog oopstest.tmpl which is based on the base template. NOTE: This isn't the release version, just a quick, simple demo.
|
|
|
< < |
Base template oopsbase.tmpl
|
> > |
Base template oopsbase.tmpl
|
|
The first line declares the delimiter variable called "sep", used to separate multiple link items. The variable can be called anywhere by writing %TMPL:P{"sep"}%
|
< < |
Note: Added a dot to escape rendering of variables, i.e. read %.WEB% as %WEB%.
|
> > |
NOTE: Added a dot to escape rendering of variables, i.e. read %.WEB% as %WEB%.
|
|
|
> > |
|
|
<table border="1" cellspacing="0" cellpadding="1">
<tr><td>
|
|
</td></tr>
</table >
|
> > |
|
|
|
< < |
Test template oopstest.tmpl
|
> > |
Test template oopstest.tmpl
|
|
Each oops template basically just defines some variables and includes the base template that does the layout work.
|
> > |
|
|
|
|
|
> > |
|
|
|
< < |
Sample screen shot of oopstest.tmpl
|
> > |
Sample screen shot of oopstest.tmpl
|
|
With URL: .../bin/oops/Test/TestTopic2?template=oopstest¶m1=WebHome¶m2=WebNotify
|
> > |
|
|
|
> > |
|
|
|
< < |
Comments and feedback
- The itching factor to put this into the upcoming release is to easy the pending converstion of the templates into XHTML format and to have a more flexible solution for templates and skins.
- Is the terminology OK?
- Is the spec OK?
- Are there any other directives that are needed urgently?
- One drawback by using the directives is that you can only test a template from within TWiki. This is because you don't have a text that has a linear flow when you use TMPL:DEF, TMPL:P and TMPL:INCLUDE.
-- PeterThoeny - 21 Jul 2001
- It's probably more readable to enforce variables being defined before use, which would avoid need for slower two-pass processing.
- [ PeterThoeny ] You need two-pass processing because you need to define the "|" separator in the included template onone side, and on the other side define variables for the included template. The processing happens as regex in memory, so there is no mesurable speed penalty.
- It would be nice to simplify the syntax a bit, e.g. not using "" around variable names (they don't really need it, unlike filenames), and not using braces - however, this is not a big deal and there is some merit in keeping consistent with the current TWiki syntax.
- [ PeterThoeny ] The templating system uses the standard internal TWiki function to parse variable attributes. The "" can be skipped (is possible but is not documented).
Please have a look at the latest templates in the TWikiAlphaRelease?. There is now one master template called twiki.tmpl that all other templates include (well, will include when all done). The idea is to define all common parts of the templates in twiki.tmpl and simply use that from all other templates.
|
> > |
All common template parts are defined in one master template, twiki.tmpl, that all other templates include.
|
|
|
< < |
| %TMPL:DEF{"sep"}% | %TMPL:END% | "|" separator |
|
> > |
| %TMPL:DEF{"sep"}% | "|" separator |
|
|
| %TMPL:DEF{"htmldoctype"}% | Start of all HTML pages |
|
< < |
| %TMPL:DEF{"standardheader"}% | Standard header (for view, rdiff, ... |
| %TMPL:DEF{"simpleheader"}% | Simple header with reduced links (for edit, attach, oops,...) |
| %TMPL:DEF{"standardfooter"}% | Footer, excluding revision part and copyright part |
|
> > |
| %TMPL:DEF{"standardheader"}% | Standard header (ex: view, index, seach) |
| %TMPL:DEF{"simpleheader"}% | Simple header with reduced links (ex: edit, attach, oops) |
| %TMPL:DEF{"standardfooter"}% | Footer, excluding revision and copyright parts |
|
|
| %TMPL:DEF{"oops"}% | Skeleton of oops dialog |
|
< < |
I.e. the preview.tmpl template is now simply:
|
> > |
Example: preview.tmpl template
|
|
%TMPL:INCLUDE{"twiki"}%
%TMPL:DEF{"titleaction"}% (oops) %TMPL:END%
%TMPL:DEF{"webaction"}% *Attention* %TMPL:END%
%TMPL:DEF{"heading"}% Topic is not saved yet %TMPL:END%
|
< < |
%TMPL:DEF{"message"}%
Please go back in your browser and save the topic. %TMPL:END%
%TMPL:DEF{"topicaction"}% %TMPL:END%
|
> > |
%TMPL:DEF{"message"}% Please go back in your browser and save the topic. %TMPL:END%
%TMPL:DEF{"topicaction"}%
%TMPL:END%
|
|
%TMPL:P{"oops"}%
|
> > |
Known Issues
|
|
|
< < |
With this it should be possible to create a skin that overloads just the twiki.tmpl, i.e. a twiki.print.tmpl that redefines the header and footer.
|
> > |
- A drawback of referring to a master template is that you can only test a template from within TWiki, where the include variables are resolved. In the previous system, each template is a structurally complete HTML document with a
.tmpl filename extension - it contains unresolved %VARIABLES%, but can still be previewed directly in a browser.
|
|
-- PeterThoeny - 23 Jul 2001
-- MikeMannix - 30 Aug 2001
|
< < |
|
|
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="999598142" path="C:\02_TWikiDocs\testscreen.gif" size="9460" user="MikeMannix" version="1.1" |
|
|
new topic for the final doc
|
|
TOC: No TOC in "TWiki.TWikiTemplates"
|
< < |
TWiki Template System
|
> > |
TWiki Template System
|
|
Define the templates used to render all HTML pages displayed in TWiki
|
< < |
Overview
|
> > |
Overview
|
|
We have a need for more advanced template handling. As JohnTalintyre? pointed out in CommonHeaderFooterTemplate? it makes sense to separate the header and footer into one file so that it can be easily altered (or even overloaded by a skin). Also the oops dialog messages are all identical except for a few variables like heading, and so on.
Using external modules like the TemplateToolkit? would be one way to go, but this will add a lot of baggage to TWiki.
|
< < |
Needs of the TWiki templating system
|
> > |
Needs of the TWiki templating system
|
|
- Separate common parts into one (or more) base template file(s) and include that from other template files like
view.tmpl.
- Define common variables like a "|" separator in the base template and use them in other template files
- Define variable text in templates (i.e.
view.tmpl) and pass them to the base template
|
< < |
Functional Spec
|
> > |
Functional Spec
|
|
I tried to define a simple but powerful solution that can be extended over time. Here we go:
|
|
- Note: The template directive work only for templates, they do not get processed in topic text.
|
< < |
Examples
|
> > |
Examples
|
|
Attached is an example of an oops base template oopsbase.tmpl and a example oops dialog oopstest.tmpl which is based on the base template. This is not the version that will go into the release, it is just a quick hack.
|
< < |
Base template oopsbase.tmpl
|
> > |
Base template oopsbase.tmpl
|
|
The first line declares the delimiter variable called "sep", used to separate multiple link items. The variable can be called anywhere by writing %TMPL:P{"sep"}%
|
|
|
< < |
Test template oopstest.tmpl
|
> > |
Test template oopstest.tmpl
|
|
Each oops template basically just defines some variables and includes the base template that does the layout work.
|
|
|
< < |
Sample screen shot of oopstest.tmpl
|
> > |
Sample screen shot of oopstest.tmpl
|
|
With URL: .../bin/oops/Test/TestTopic2?template=oopstest¶m1=WebHome¶m2=WebNotify
|
< < |
Comments and feedback
|
> > |
Comments and feedback
|
|
- The itching factor to put this into the upcoming release is to easy the pending converstion of the templates into XHTML format and to have a more flexible solution for templates and skins.
- Is the terminology OK?
|
> > |
new topic for the final doc
Slightly edited down, but waiting for new docs, hopefully.
see also for ref: orig TWikiTemplatingSystem?
TWiki Template System
Define the templates used to render all HTML pages displayed in TWiki
Overview
We have a need for more advanced template handling. As JohnTalintyre? pointed out in CommonHeaderFooterTemplate? it makes sense to separate the header and footer into one file so that it can be easily altered (or even overloaded by a skin). Also the oops dialog messages are all identical except for a few variables like heading, and so on.
Using external modules like the TemplateToolkit? would be one way to go, but this will add a lot of baggage to TWiki.
Needs of the TWiki templating system
- Separate common parts into one (or more) base template file(s) and include that from other template files like
view.tmpl.
- Define common variables like a "|" separator in the base template and use them in other template files
- Define variable text in templates (i.e.
view.tmpl) and pass them to the base template
Functional Spec
I tried to define a simple but powerful solution that can be extended over time. Here we go:
- Special template directives (or preprocessor commands) are embedded in normal templates.
- Use of template directives is optional, templates work without them.
- All template preprocessing is done in
&TWiki::Store::readTemplate() so that the caller simply gets an expanded template file (the same as before)
- Directives are of form
%TMPL:<key>% and %TMPL:<key>{"attr"}%.
- Initial set of directives:
-
%TMPL:INCLUDE{"file"}%: Includes a template file. The usual search path is applied.
-
%TMPL:DEF{"var"}%: Define a variable. Text between this and the END directive is not returned, but put into a hash for later use.
-
%TMPL:END%: Ends variable definition.
-
%TMPL:P{"var"}%: Prints a previously defined variable.
- New directives can be added over time when needed, i.e. IF-THEN-ELSE.
- Variables live in a global name space, there is no parameter passing.
- Two pass processing, so that you can use a variable before declaring it or after.
- Templates and skins work transparently and interchangeably. You could for example define a new skin just for the header & footer and keep the other template files unchanged.
- Note: The template directive work only for templates, they do not get processed in topic text.
Examples
Attached is an example of an oops base template oopsbase.tmpl and a example oops dialog oopstest.tmpl which is based on the base template. This is not the version that will go into the release, it is just a quick hack.
Base template oopsbase.tmpl
The first line declares the delimiter variable called "sep", used to separate multiple link items. The variable can be called anywhere by writing %TMPL:P{"sep"}%
Note: Added a dot to escape rendering of variables, i.e. read %.WEB% as %WEB%.
<table border="1" cellspacing="0" cellpadding="1">
<tr><td>
<verbatim>
%.TMPL:DEF{"sep"}% | %.TMPL:END%
<html>
<head>
<title> %.WIKITOOLNAME% . %.WEB% . %.TOPIC% %.TMPL:P{"titleaction"}%</title>
<base href="%.SCRIPTURL%/view%.SCRIPTSUFFIX%/%.WEB%/%.TOPIC%">
<meta name="robots" content="noindex">
</head>
<body bgcolor="#FFFFFF">
<table width="100%" border="0" cellpadding="3" cellspacing="0">
<tr>
<td bgcolor="%.WEBBGCOLOR%" rowspan="2" valign="top" width="1%">
<a href="%.WIKIHOMEURL%">
<img src="%.PUBURLPATH%/wikiHome.gif" border="0"></a>
</td>
<td>
<b>%.WIKITOOLNAME% . %.WEB% . </b><font size="+2">
<B>%.TOPIC%</b> %.TMPL:P{"titleaction"}%</font>
</td>
</tr>
<tr bgcolor="%.WEBBGCOLOR%">
<td colspan="2">
%.TMPL:P{"webaction"}%
</td>
</tr>
</table>
--- ++ %.TMPL:P{"heading"}%
%.TMPL:P{"message"}%
<table width="100%" border="0" cellpadding="3" cellspacing="0">
<tr bgcolor="%.WEBBGCOLOR%">
<td valign="top">
Topic <b>TWikiTemplates</b> . {
%.TMPL:P{"topicaction"}%
}
</td>
</tr>
</table>
</body>
</verbatim>
</td></tr>
</table >
Test template oopstest.tmpl
Each oops template basically just defines some variables and includes the base template that does the layout work.
%.TMPL:DEF{"titleaction"}% (test =titleaction=) %.TMPL:END%
%.TMPL:DEF{"webaction"}% test =webaction= %.TMPL:END%
%.TMPL:DEF{"heading"}%
Test heading %.TMPL:END%
%.TMPL:DEF{"message"}%
Test =message=. Blah blah blah blah blah blah blah blah blah blah blah...
* Some more blah blah blah blah blah blah blah blah blah blah...
* Param1: %PARAM1%
* Param2: %PARAM2%
* Param3: %PARAM3%
* Param4: %PARAM4%
%.TMPL:END%
%.TMPL:DEF{"topicaction"}%
Test =topicaction=:
[[%.WEB%.%TOPIC%][OK]] %.TMPL:P{"sep"}%
[[%.TWIKIWEB%.TWikiRegistration][Register]] %.TMPL:END%
%.TMPL:INCLUDE{"oopsbase"}%
|
Sample screen shot of oopstest.tmpl
With URL: .../bin/oops/Test/TestTopic2?template=oopstest¶m1=WebHome¶m2=WebNotify
Comments and feedback
- The itching factor to put this into the upcoming release is to easy the pending converstion of the templates into XHTML format and to have a more flexible solution for templates and skins.
- Is the terminology OK?
- Is the spec OK?
- Are there any other directives that are needed urgently?
- One drawback by using the directives is that you can only test a template from within TWiki. This is because you don't have a text that has a linear flow when you use TMPL:DEF, TMPL:P and TMPL:INCLUDE.
-- PeterThoeny - 21 Jul 2001
- It's probably more readable to enforce variables being defined before use, which would avoid need for slower two-pass processing.
- [ PeterThoeny ] You need two-pass processing because you need to define the "|" separator in the included template onone side, and on the other side define variables for the included template. The processing happens as regex in memory, so there is no mesurable speed penalty.
- It would be nice to simplify the syntax a bit, e.g. not using "" around variable names (they don't really need it, unlike filenames), and not using braces - however, this is not a big deal and there is some merit in keeping consistent with the current TWiki syntax.
- [ PeterThoeny ] The templating system uses the standard internal TWiki function to parse variable attributes. The "" can be skipped (is possible but is not documented).
Please have a look at the latest templates in the TWikiAlphaRelease?. There is now one master template called twiki.tmpl that all other templates include (well, will include when all done). The idea is to define all common parts of the templates in twiki.tmpl and simply use that from all other templates.
| Template variable: | Defines: |
| %TMPL:DEF{"sep"}% | %TMPL:END% | "|" separator |
| %TMPL:DEF{"htmldoctype"}% | Start of all HTML pages |
| %TMPL:DEF{"standardheader"}% | Standard header (for view, rdiff, ... |
| %TMPL:DEF{"simpleheader"}% | Simple header with reduced links (for edit, attach, oops,...) |
| %TMPL:DEF{"standardfooter"}% | Footer, excluding revision part and copyright part |
| %TMPL:DEF{"oops"}% | Skeleton of oops dialog |
I.e. the preview.tmpl template is now simply:
%TMPL:INCLUDE{"twiki"}%
%TMPL:DEF{"titleaction"}% (oops) %TMPL:END%
%TMPL:DEF{"webaction"}% *Attention* %TMPL:END%
%TMPL:DEF{"heading"}% Topic is not saved yet %TMPL:END%
%TMPL:DEF{"message"}%
Please go back in your browser and save the topic. %TMPL:END%
%TMPL:DEF{"topicaction"}% %TMPL:END%
%TMPL:P{"oops"}%
With this it should be possible to create a skin that overloads just the twiki.tmpl, i.e. a twiki.print.tmpl that redefines the header and footer.
-- PeterThoeny - 23 Jul 2001
-- MikeMannix - 30 Aug 2001
| META FILEATTACHMENT | testscreen.gif | attr="h" comment="Example of oopstest.tmpl rendered" date="999598142" path="C:\02_TWikiDocs\testscreen.gif" size="9460" user="MikeMannix" version="1.1" |
|
|
|