Using existing Template Two
(→Right box "Recent news") |
(→Right box "Recent news") |
||
Line 245: | Line 245: | ||
Preset: Three column layout (Column left+right) | Preset: Three column layout (Column left+right) | ||
+ | |||
Element/Box: <path to the news list box configuration file ttlisbox> | Element/Box: <path to the news list box configuration file ttlisbox> | ||
+ | |||
Element/Orientation: Right | Element/Orientation: Right | ||
+ | |||
Element/Color Schema: Box Schema 1 | Element/Color Schema: Box Schema 1 |
Revision as of 11:57, 24 June 2010
Assumption
To use the template Template Two the module org.opencms.frontend.templatetwo has to be installed.
There are following Template Two resource types:
- Template Two Article
- Template Two News
- Template Two Item
- Template Two Event
- Template Two Style
- Template Two Search Page
- Template Two Options
- Template Two Preset
- Template Two Linkbox
- Template Two Configuration
- Template Two Textbox
- Template Two Listbox
These resource types are to create in the OpenCms Explorer View with the New button and the choose from Template Two. In the following the handling of these resource types is described.
Template Two resource types
In this chapter the Template Two resource types are described.
Template Two Article
The Template Two Article gives functionality to define an article with:
- Title
- Paragraph (Headline, Text, Image, Links)
An article allows to define layout configurations in the tab "Configuration". This functionality accords the functionality of the Template Two Configuration.
The title widget is a CategoryWidget. So you can choose here defined categories in /system/categories/.
Template Two News
The Template Two News gives functionality to define news with:
- Date
- Title
- Teaser
- Paragraph (Headline, Text, Image, Links)
- Author
- Author EMail
- Availability
Template Two Item
The Template Two Item gives functionality to define an item with:
- Name
- Category
- Short description
- Long description
- Images
- Links
An item allows to define layout configurations in the tab "Configuration". This functionality accords the functionality of the Template Two Configuration.
The category widget is a CategoryWidget. So you can choose here defined categories in /system/categories/.
Template Two Event
The Template Two Event gives functionality to define an event with:
- Title
- Teaser
- Paragraph (Headline, Text, Image, Links)
- Date
- Availability
An event allows to define layout configurations in the tab "Configuration". This functionality accords the functionality of the Template Two Configuration.
Template Two Style
A Template Two Style allows to define style settings like:
- Inner Window - Width
- Window - Background Color
- Window - Background Image
- Inner Page - Background Color
- Font Color
- Inner Page - Padding
- Header - Font Color
- Header - Font Color
- Header - Background Image
- Breadcrumb - Divider
- Breadcrumb - Divider
- Footer - Background Color
- Footer - Background Color
- Footer - Divider
- Footer - Divider
- Link Color
- Link Hover Color
- Left Column - Divider
- Right Column - Divider
- Box Style 1 - Background Color
- Box Style 1 - Header Background Color
- Box Style 1 - Header Font Color
- Box Style 2 - Background Color
- Box Style 2 - Header Background Color
- Box Style 2 - Header Font Color
- Box Style 2 - Header Font Color
- Box Style 3 - Header Background Color
- Box Style 3 - Header Font Color
- Box Style 3 - Header Font Color
- Main Menu - Background Color
- Main Menu - Font Color
- Main Menu - Background Hover Color
- Main Menu - Font Hover Color
- Main Menu - Background Active Color
- Main Menu - Font Active Color
- Left Navigation - Background Hover Color
- Left Navigation - Font Hover Color
- Left Navigation - Background Active Color
- Left Navigation - Font Active Color
- Additional CSS File
The Template Two Style can be used on a resource. Thereto, on the resource the site path to the Template Two Style is to set in the the property 'style.layout'.
Template Two Search Page
With the template two search page can be created a search page with:
- Text (in the search input form)
- Result text
- Error text
Template Two Options
The Template Two Options allows to define:
- Top navigation
- Header text
- Footer text
The Template Two Options can be used on a resource. Thereto, on the resource the site path to the Template Two Options is to set in the the property 'style.options'.
Template Two Preset
A Template Two Preset allows to configure:
- Left Column - Visibility
- Left Column - Width
- Right Column - Visibility
- Right Column - Width
- Left Navigation - Visibility
The Template Two Preset can be used on a resource. Thereto, on the resource the site path to the Template Two Preset is to set in the the property 'style.preset'.
Template Two Linkbox
With the linkbox resources are shown which are collected with a OpenCms resource collector, for example the collector "allInFolder". The Template Two Linkbox has to be integrate in the functionality of the Template Two Configuration.
The Template Two Linkbox consists of following elements:
- Title
- Description
- Links
Template Two Configuration
This resource type allows to configure the layout like:
- Three column layout (Column left+right)
- Two column layout (Column left), this is the default layout
It is possible to arrange boxes in the selected layout, for example Template two textboxes. Therefore, in the "Configuration" node in the xml content can be created elements. Per element following attributes are to choose:
- a box in the VFS, for example a Template two textbox
- the orientation for the box (right, center, left), if there is used the two column layout only the left and center orientations shall be used
- a color schema for the box, here can be choosed between three different color schemas, these color schemas are defined in the Template Two Style.
The Template Two Configuration are to use on resources, which still does not give the possibility to configure the here described options. Thereto, on the resource the site path to the Template Two Configuration is to set in the the property 'style.config'. In the Template Two Article, the Template Two Item and the Template Two Event the here described options can be configured already. So it is useless to define an additional Template Two Configuration, because the internal configuration settings overwrite the external configuration settings.
Template Two Textbox
With a Template Two Textbox can be shown static text, like:
- Title
- Text
- Jsp file
The Template Two Textbox can be integrated in Template Two Articles, Template Two Items and Template Two Events.
Template Two Listbox
With the linkbox resources are shown which are collected with a OpenCms resource collector, for example the collector "allInFolder". The Template Two Listbox can be integrated in Template Two Articles, Template Two Items and Template Two Events.
Additional the listbox allows to configure following attributes:
- Title
- Text
- Image
- Additional Link
- Links
- Collector, for example the collector "allInFolder"
- Parameter, for example the collector "allInFolder" needs parameters in this format: <vfs path>|resource type|count
- Detail Link Text
- Position - Author
- Position - Date
- Position - Image
- Mapping
Usage examples of the template two resource types
In this chapter are shown some usage examples of the template two elements.
'Hello World' example
To produce a 'Hello World' example in the standard Template Two layout, following is to do to:
- Create a Jsp with following content:
<%@ page session="false" %> <%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %> <cms:include property="template" element="head" /> Hello World <cms:include property="template" element="foot" />
- Set the template property to /system/modules/org.opencms.frontend.templatetwo/templates/main.jsp
'Template Two' example
This is an example of a template two layout:
In the next chapters is described how these template elements are configured.
Right box "Recent news"
To have the right box "Recent news", the following is to do:
On the folder (where the template shall be used for) the following property is to set:
style.config: <path to the config file ttconfig>
This config file has the following settings:
Preset: Three column layout (Column left+right)
Element/Box: <path to the news list box configuration file ttlisbox>
Element/Orientation: Right
Element/Color Schema: Box Schema 1