Start page / Tutorials / First project / Working with page templates / Complete content

Complete content of the page template

Now after the page template has been completely edited, the entire content of both the "Form" and "html (HTML)" tabs is displayed here again.

Form tab

The “Form” tab, when fully edited, looks like the following:

<CMS_MODULE>

<CMS_GROUP tabs="top">

<CMS_GROUP>
<LANGINFOS>
<LANGINFO lang="*" label="Page information" description="Fill the page components"/>
<LANGINFO lang="DE" label="Seiteninformationen" description="Geben Sie ihre Seiteninformationen ein"/>
</LANGINFOS>

<CMS_INPUT_TEXT name="pt_headline" hFill="yes" maxInputLength="40" singleLine="no" useLanguages="yes">
<LANGINFOS>
<LANGINFO lang="*" label="Headline" description="Insert your headline for that page"/>
<LANGINFO lang="DE" label="Überschrift" description="Überschrift der Seite"/>
</LANGINFOS>
</CMS_INPUT_TEXT>

</CMS_GROUP>

<CMS_GROUP>
<LANGINFOS>
<LANGINFO lang="*" label="Browser title" description="Insert your title for that page"/>
<LANGINFO lang="DE" label="Browser-Titelzeile" description="Titel der Seite für die Anzeige im Browserfenster"/>
</LANGINFOS>

<CMS_INPUT_TEXT name="pt_title" allowEmpty="yes" hFill="yes" singleLine="no" useLanguages="yes">
<LANGINFOS>
<LANGINFO lang="*" label="Browser title" description="Insert your title for that page"/>
<LANGINFO lang="DE" label="Browser-Titelzeile" description="Titel der Seite für die Anzeige im Browserfenster"/>
</LANGINFOS>
</CMS_INPUT_TEXT>

</CMS_GROUP>

</CMS_GROUP>

</CMS_MODULE>

HTML tab

The “html (HTML)” tab, when fully edited, looks like the following:

<CMS_HEADER>

<CMS_FUNCTION name="Navigation" resultname="pt_mainNavigation">
<CMS_PARAM name="expansionVisibility" value="all" />
<CMS_PARAM name="wholePathSelected" value="1" />

<CMS_ARRAY_PARAM name="innerBeginHTML">
<CMS_ARRAY_ELEMENT><![CDATA[<ul>]]></CMS_ARRAY_ELEMENT>
</CMS_ARRAY_PARAM>

<CMS_ARRAY_PARAM name="beginHTML">
<CMS_ARRAY_ELEMENT><![CDATA[
<!-- first level -->
<li class="textnavi">
]]></CMS_ARRAY_ELEMENT>
<CMS_ARRAY_ELEMENT><![CDATA[
<!-- second level -->
<li>
]]></CMS_ARRAY_ELEMENT>
</CMS_ARRAY_PARAM>

<CMS_ARRAY_PARAM name="unselectedHTML">
<CMS_ARRAY_ELEMENT><![CDATA[<a class="unselected" href="$CMS_REF(#nav.ref)$">$CMS_VALUE(#nav.label.convert2)$</a><br />]]></CMS_ARRAY_ELEMENT>
<CMS_ARRAY_ELEMENT><![CDATA[<a href="$CMS_REF(#nav.ref)$">$CMS_VALUE(#nav.label.convert2)$</a>]]></CMS_ARRAY_ELEMENT>
</CMS_ARRAY_PARAM>

<CMS_ARRAY_PARAM name="selectedHTML">
<CMS_ARRAY_ELEMENT><![CDATA[<a class="selected" href="$CMS_REF(#nav.ref)$">$CMS_VALUE(#nav.label.convert2)$</a><br />]]></CMS_ARRAY_ELEMENT>
<CMS_ARRAY_ELEMENT><![CDATA[<a href="$CMS_REF(#nav.ref)$">$CMS_VALUE(#nav.label.convert2)$</a>]]></CMS_ARRAY_ELEMENT>
</CMS_ARRAY_PARAM>

<CMS_ARRAY_PARAM name="endHTML">
<CMS_ARRAY_ELEMENT index="0..1"><![CDATA[
</li>
<!-- /$CMS_VALUE(if(#nav.level == 0, "first", "second"))$ level -->
]]></CMS_ARRAY_ELEMENT>
</CMS_ARRAY_PARAM>

<CMS_ARRAY_PARAM name="innerEndHTML">
<CMS_ARRAY_ELEMENT><![CDATA[</ul>]]></CMS_ARRAY_ELEMENT>
</CMS_ARRAY_PARAM>

</CMS_FUNCTION>

<CMS_FUNCTION name="Navigation" resultname="pt_subNavigation">
<CMS_PARAM name="expansionVisibility" value="standard"/>
<CMS_PARAM name="wholePathSelected" value="1"/>

<CMS_ARRAY_PARAM name="innerBeginHTML">
<CMS_ARRAY_ELEMENT index="1"><![CDATA[<li class="without"><ul>]]></CMS_ARRAY_ELEMENT>
</CMS_ARRAY_PARAM>

<CMS_ARRAY_PARAM name="unselectedHTML">
<CMS_ARRAY_ELEMENT index="1..4"><![CDATA[<li><a href="$CMS_REF(#nav.ref)$">$CMS_VALUE(#nav.label.convert2)$</a></li>]]></CMS_ARRAY_ELEMENT>
</CMS_ARRAY_PARAM>

<CMS_ARRAY_PARAM name="selectedHTML">
<CMS_ARRAY_ELEMENT index="1..4"><![CDATA[<li><a href="$CMS_REF(#nav.ref)$" class="high">$CMS_VALUE(#nav.label.convert2)$</a></li>]]></CMS_ARRAY_ELEMENT>
</CMS_ARRAY_PARAM>

<CMS_ARRAY_PARAM name="innerEndHTML">
<CMS_ARRAY_ELEMENT index="1"><![CDATA[</ul></li>]]></CMS_ARRAY_ELEMENT>
</CMS_ARRAY_PARAM>

</CMS_FUNCTION>


</CMS_HEADER><?xml version="1.0" encoding="$CMS_VALUE(#global.encoding)$"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html version="-//W3C//DTD XHTML 1.1//EN"
xmlns="http://www.w3.org/1999/xhtml" xml:lang="$CMS_VALUE(#global.language.abbreviation.lowerCase)$"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.w3.org/1999/xhtml
http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd"
>
<head>
<!-- browser title -->
$CMS_TRIM(level:4)$
<title>
$CMS_IF(!pt_title.isEmpty)$
$CMS_VALUE(pt_title.convert2)$
$CMS_END_IF$
</title>
$CMS_END_TRIM$
<!-- /browser title -->

<!-- stylesheets -->
<link rel="stylesheet" type="text/css" href="$CMS_REF(media:"example_css")$" />
<!-- /stylesheets -->
</head>

<body>
<div>
<a name="top" id="top"></a>
</div>

<div id="typo">

<!-- project languages -->
<div class="clearfix">
$CMS_TRIM(level:4)$
<ul id="languages">
$CMS_FOR(for_lang, #global.project.languages)$
$CMS_IF((#global.language.abbreviation.upperCase !=for_lang.abbreviation.upperCase) && for_lang.shouldGenerate)$
<li>
<a href="$CMS_REF(#global.ref, language:for_lang)$" title="">$CMS_VALUE(for_lang.name.convert2)$</a>
</li>
$CMS_END_IF$
$CMS_END_FOR$
</ul>
$CMS_END_TRIM$
</div>
<!-- /project languages -->

<!-- main navigation -->
<a name="mainmenu"></a>
<div class="clearfix menu">
$CMS_TRIM(level:4)$
$CMS_IF(!pt_mainNavigation.isEmpty)$
<ul id="navigation">
$CMS_VALUE(pt_mainNavigation)$
</ul>
$CMS_END_IF$
$CMS_END_TRIM$
</div>
<!-- /main navigation -->

<!-- example picture -->
<img src="$CMS_REF(media:"example_picture")$" class="header" alt=""/>
<!-- /example picture -->

<div class="clearfix contentArea">

<!-- sub navigation -->
<div class="leftCol">
$CMS_TRIM(level:4)$
$CMS_IF(!pt_subNavigation.isEmpty)$
<ul class="subNavigation">
$CMS_VALUE(pt_subNavigation)$
</ul>
$CMS_END_IF$
$CMS_END_TRIM$
</div>
<!-- /sub navigation -->

<a name="content"></a>
<div class="content">

<!-- headline -->
<div class="headline">
$CMS_TRIM(level:4)$
$CMS_IF(!pt_headline.isEmpty)$
<h1>$CMS_VALUE(pt_headline.convert2)$</h1>
$CMS_END_IF$
$CMS_END_TRIM$
</div>
<!-- /headline -->

<!-- contents -->
$CMS_TRIM(level:4)$
$CMS_VALUE(#global.page.body("content_center"))$
$CMS_END_TRIM$
<!-- /contents -->
</div>
</div>
</div>
</body>
</html>

© 2005 - 2024 Crownpeak Technology GmbH | All rights reserved. | FirstSpirit 2024.12 | Data privacy