Using existing Template Two

(Difference between revisions)
Jump to: navigation, search
(Using of the template two elements)
(A Hello World example)
Line 176: Line 176:
 
*Position - Image
 
*Position - Image
 
*Mapping
 
*Mapping
 
== A Hello World example ==
 
 
To see the default layout from Template Two, in this chapter a Hello World Jsp is created. Following is to do to create a Hello World output in the standard Template Two layout:
 
 
* 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'''
 
  
  

Revision as of 17:32, 9 December 2009

Contents

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

Following elements belong to a template two article:

  • Title
  • Content Paragraph

Template Two News

A template two news contains the following elements:

  • Date
  • Title
  • Subtitle
  • Teaser
  • Content Paragraph
  • Author
  • Author EMail
  • Availability

Template Two Item

A template two item contains the following elements:

  • Name
  • Category
  • Short Description
  • Long Decsription
  • Images
  • Links

Template Two Event

A template two event contains the following elements:

  • Title
  • Teaser
  • Content Paragraph
  • Date
  • Availability

Template Two Style

A template two style contains following elements:

  • Inner Window - Width
  • Window - Background Color
  • Window - Background Image
  • Inner Page - Background Color
  • Font Color
  • Inner Page - Padding
  • Header - Font Color
  • Header - Background Color
  • Header - Background Image
  • Breadcrumb - Divider
  • Footer - Font Color
  • Footer - Background Color
  • Footer - Background Image
  • Footer - Divider
  • Font Family
  • 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 3 - Background Color
  • Box Style 3 - Header Background Color
  • Box Style 3 - Header Font Color
  • Main Menu
  • 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

Template Two Search Page

A template two style contains following elements:

  • Text
  • No Result text
  • Error Text

Template Two Options

A template two options contains following elements:

  • Top Navigation
  • Header
  • Footer

Template Two Preset

A template two preset consists of following elements:

  • Left Column - Visibility
  • Left Column - Width
  • Right Column - Visibility
  • Right Column - Width
  • Left Navigation - Visibility

Template Two Linkbox

A template two linkbox consists of following elements:

  • Title
  • Description
  • Links

Template Two Configuration

A template two configuration consists of following elements:

  • Preset
  • Element

Template Two Textbox

A template two textbox consists of following elements:

  • Title
  • Text
  • JSP File

Template Two Listbox

A template two listbox consists of following elements:

  • Title
  • Text
  • Image
  • AdditionalLink
  • Links
  • Collector
  • Parameter
  • Detail Link Text
  • Position - Author
  • Position - Date
  • Position - Image
  • Mapping


Using of the template two elements

In this chapter is shown the usage of the template two elements.

A Hello World example

To see the default layout from Template Two, in this chapter a Hello World Jsp is created. Following is to do to create a Hello World output in the standard Template Two layout:

  • 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

For the template two elements "Article", "Event" and "Item" it is possible to configure the one of the following two layout types:

  • Three column layout (Column left+right)
  • Two column layout (Column left)
Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox