Start page / Tutorials / First project / Using databases / Editing table templates / Form for Categories

Defining input components for the "Product categories" table

 

To define the input components, the source code is inserted within the <CMS_MODULE> tags. The source code and associated explanations for the table columns

used in the Product categories table are described in the following sections.

Text input component for the category name

The source code of a single line text input component for the category name in our example should be:

  <CMS_INPUT_TEXT name="cs_categorie_name" hFill="yes" singleLine="no" useLanguages="yes">
<LANGINFOS>
<LANGINFO lang="*" label="Categorie name" description="Insert the categorie name."/>
<LANGINFO lang="DE" label="Kategorie-Name" description="Tragen Sie den Kategorie-Namen ein."/>
</LANGINFOS>
</CMS_INPUT_TEXT>

Clicking on the Save icon in the tool bar shows the appearance of the input component immediately in the integrated preview.

  

CMS_INPUT_TEXT

Calls the input component for single line text input

name="cs_categorie_name"

Unique name of the input component. This name can be used later to access the content stored in the component.

hFill="yes"

An input component is displayed in the full display width.

singleLine="no"

The input component is to be displayed on two lines with a border.

useLanguages="yes"

Different values are stored for the different languages.

LANGINFO lang="*"
LANGINFO lang="DE"

Specifies the language information for

  • * = all languages not explicitly defined
  • DE = the DE language

label="Category name"

Text of the input component in the Page or Data Store for the specified language.

description="Insert the category..."

A description used to display a tool tip (mouseover).

  

DOM editor for the category description

The CMS_INPUT_DOM input component is used for the product description.
The DOM input component source code for the category description is as follows:

<CMS_INPUT_DOM name="cs_categorie_description" hFill="yes" rows="3" useLanguages="yes">
<FORMATS>
<TEMPLATE name="p"/>
</FORMATS>
<LANGINFOS>
<LANGINFO lang="*" label="Categorie description" description="Insert a categorie description."/>
<LANGINFO lang="DE" label="Kategorie-Beschreibung" description="Fügen Sie eine Kategorie-Beschreibung hinzu."/>
</LANGINFOS>
</CMS_INPUT_DOM>

Clicking on the Save icon in the tool bar shows the appearance of the input component immediately in the integrated preview.

The entire form area of the "Product categories" table template

<CMS_MODULE>

<CMS_INPUT_TEXT name="cs_categorie_name" hFill="yes" singleLine="no" useLanguages="yes">
<LANGINFOS>
<LANGINFO lang="*" label="Categorie name" description="Insert the categorie name."/>
<LANGINFO lang="DE" label="Kategorie-Name" description="Tragen Sie den Kategorie-Namen ein."/>
</LANGINFOS>
</CMS_INPUT_TEXT>

<CMS_INPUT_DOM name="cs_categorie_description" hFill="yes" rows="3" useLanguages="yes">
<FORMATS>
<TEMPLATE name="p"/>
</FORMATS>
<LANGINFOS>
<LANGINFO lang="*" label="Categorie description" description="Insert a categorie description."/>
<LANGINFO lang="DE" label="Kategorie-Beschreibung" description="Fügen Sie eine Kategorie-Beschreibung hinzu."/>
</LANGINFOS>
</CMS_INPUT_DOM>

</CMS_MODULE>

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