en	All visible content on webpages is typically made by "Page Content" records, often referred to as "Content Elements". Content Elements are managed by the "Page" Module which organizes Content Elements in multiple columns and languages.

en	"Page Content" records are sortable and can be rearranged. The "Language" and "Column" selectors of the "Page Content" records determines when and where they appear. If you do not change the value of the "Language" and "Column" selectors the Content Element will appear in the default configuration.

en	Page Content Principles | https://docs.typo3.org/typo3cms/GettingStartedTutorial/GeneralPrinciples/PageContent/, _MOD_web_layout

en	EXT:frontend/Resources/Public/Images/cshimages/ttcontent_1.png, EXT:frontend/Resources/Public/Images/cshimages/ttcontent_2.png, EXT:frontend/Resources/Public/Images/cshimages/ttcontent_3.png

en	The Page Module is used to manage Content Elements arranged in columns and languages. A Content Element has an editing form with many options. The "Type" determines which options are visible. In the Frontend, a Content Element like the above could look like this.

en	Select the kind of Page Content this element represents. New options will appear when you save the record.

en	The 'Type' of content you select determines which options are available in the editing form so be sure to save the record before making other changes. This is a description of the various types: <strong>Header</strong> This type allows you to insert a standard Content Element header and nothing more. Almost all the other types described below also include the Header and its options. The Header type provides a way to insert a header without any other content. <strong>Text</strong> The Text type allows you to insert regular page content. It is generally used for text only content. <strong>Text & Images</strong> This is the same as the Text type (regular page content) but with the option of attaching images. <strong>Image</strong> The Image type allows you to insert image only page content. <strong>Bullet List</strong> Lets you create a bullet list. Each line in the text field will appear as a single bullet. <strong>Table</strong> Lets you create <em>simple</em> tables. Each line represents a row in the table and vertical bars ('|') separate each column. A popup wizard is also available. <strong>File Links</strong> Allows you to present a list of files for download. Thumbnails can be attached to the list and you can also display the file size. <strong>Form</strong> Lets you create mail forms using a special syntax or a popup wizard. <strong>Search</strong> This inserts a search box and also shows the search results when a search is performed on the page. <strong>Login</strong> Displays a login box for website users. This is only useful if you have already created website users and usergroups. <strong>Menu/Sitemap</strong> Offers a selection of menus and a sitemap you can insert on a page. <strong>Insert records</strong> This acts as placeholder for other records. With this content element, you can reuse multiple content elements from other pages. <strong>Insert plugin</strong> This will allows you to insert news, forums, guestbooks, lists of addresses, and other functionality. Plugins are typically provided by TYPO3 extensions. The available fields and required configuration depend on the extension. <strong>Divider</strong> This inserts a simple horizontal rule on a page. <strong>HTML</strong> This is plain HTML content. Anything added in the HTML Code of this Content Element will be displayed directly on the page without any preprocessing.

en	tt_content:colPos, tt_content:sys_language_uid, About Content Elements | https://docs.typo3.org/typo3cms/GettingStartedTutorial/EditAndCreatePagesAndContent/EditPageContent/

en	EXT:frontend/Resources/Public/Images/cshimages/ttcontent_4.png

en	Uncheck this box if you wish to disable the Content Element and keep it from being displayed on the website.

en	tt_content:starttime, tt_content:endtime, tt_content:fe_group, tt_content:colPos, tt_content:sys_language_uid

en	Enter the date when the Content Element should be published and displayed on the website.

en	pages:starttime, tt_content:endtime, tt_content:hidden, tt_content:fe_group

en	Enter the date when the Content Element should expire and disappear from the website.

en	pages:endtime, tt_content:starttime, tt_content:hidden, tt_content:fe_group

en	If Usergroup Access Rights are set to a usergroup name, only website users who are logged in and members of the selected usergroup will be able to view the Content Element. The special option 'Hide at Login' means the Content Element will <em>not</em> be visible for any website users that are logged in. Likewise "Show at Any Login" will make the Content Element visible for any logged in website user.

en	The 'Hide at Login' option is is useful if you want to present information like "How to Login" that becomes irrelevant when a website user is actually logged in.

en	tt_content:hidden, tt_content:starttime, tt_content:endtime, pages:fe_group, fe_users, fe_groups

en	Select the system language of this Content Element. <strong>Notice:</strong> This will affect the Content Element visibility by limiting it to a certain language.

en	This allows you to assign a specific language to the Content Element. If you select anything but the default value, the element will <em>not</em> be visible unless the language assigned is also configured by the TypoScript template. The available system languages are created by the administrator.

en	tt_content:colPos, sys_language, Localization concepts [Technical] | http://typo3.org/documentation/tips-tricks/multi-language-sites-in-typo3/, _MOD_web_layout:language_list

en	Select a Layout.

en	This option does not work by default for all Content Elements but your website may display Content Elements differently depending on the layout. The File Links Content Element does make use of the Layout field by default: "Normal" will provide a list of file links with no thumbnail. "Layout 1" adds a file icon to the left of the link "Layout 2" adds a thumbnail for image files and an icon for other files. A black border is wrapped around the icon. "Layout 3" is similar to Layout 2, but without the black border.

en	Select the column position of this element. <strong>Notice:</strong> This may affect whether the Content Element is visible depending on your website template.

en	Many websites only use one column of content. Some templates, however, let you put content in multiple columns using the Column option. <strong>Notice:</strong> Selecting a column other than "Normal" may cause the Content Element to disappear if the website template does not use that column. If your Content Element mysteriously disappears make sure the Column and Language selectors are set correctly.

en	tt_content:sys_language_uid, _MOD_web_layout:columns_multi, _MOD_web_layout:columns_single

en	Enter a date to be displayed above the header.

en	Enter header text for the Content Element.

en	Almost all Content Elements will display this header above the content. If you don't want the header displayed, set the header Layout to "Hidden". You can also choose not to enter any content in this field. Some content element types do not display the header by default. In those cases the Header field is typically labeled "Name" instead. One example is the HTML Content Element. The chosen name will then only be displayed in menus, e.g. the section index.

en	tt_content:header_position, tt_content:header_link, tt_content:header_layout, tt_content:date,

en	EXT:frontend/Resources/Public/Images/cshimages/ttcontent_6.png

en	Aligns the header to the left, center, or right.

en	tt_content:header

en	Creates a link from the header to a Page ID, email address, or URL.

en	If you insert a Page ID (ex. 51), the link will point to the page with id=51 <em>inside</em> TYPO3. If you insert an email address (ex. name@my-domain.test), the link will point to that email address. If you insert an URL or domain, (ex. www.typo3.org or http://www.my-domain.org), the link will point to that website.

en	tt_content:header

en	Select a visual design for the header.

en	If you select "Default" the standard design (which is one of the layouts 1-5) will be used. Alternatively you can select from Layout 1 through 5 which are configured in the website template with individual visual designs. If you select "Hidden" the header will simply not appear. This is useful when you don't need a header to display on the website but still want to identify the Content Element in the Backend.

en	tt_content:header

en	Enter a subheader to be displayed below the main header. If the Content Element is a "Form" this field is instead used as the Recipient Email.

en	A subheader is displayed only with "Header" Content Elements and with "Form" Content Elements (as the Recipient Email).

en	tt_content:header tt_content:bodytext

en	Enter the main text.

en	The main text of the Content Element is entered here and can be formatted with HTML or a Rich Text Editor. The field is reused in other Content Element types so changing the type will cause any text to be reused in that new Content Element type. When you're using this field with the "Text" and "Text & Images" types, the content is normal body text. Each linebreak signifies a new paragraph, you can use the special TYPO3 tag, &lt;LINK&gt;, for making links. You can use many HTML tags but there are limitations depending on your website configuration. A Rich Text Editor is commonly used to add a visual editing interface for 'Text' and 'Text & Images' Content Elements. <b>Bullet Lists:</b> If the type is "Bullet List" each line in this field is a bullet item. <b>Tables:</b> If the type is "Table" each line represents a table row. Within each line, columns are divided by a vertical bar ('|'). A table row with 3 columns could look like "This is column 1 | Column 2 here | Third column!". The table wizard can also be used for creating tables and is much easier than hand coding them.

en	tt_content:CType, tt_content:subheader, xMOD_csh_corebe:wizard_table_wiz

en	Insert one or more images.

en	You can attach multiple images to the Content Element. Depending on the configuration of TYPO3, you can attach images in many formats without worrying about size and compression. TYPO3's graphics processing handles these details for you. When you use the "Text & Images" type, it's important to select a proper position for images. For this purpose, use the Position and Alignment selector. See link to "Page Content / Position" below. You can also display images in multiple columns and even enable an option that opens full size images when thumbnails are clicked.

en	tt_content:imagewidth, tt_content:imageheight, tt_content:imageorient, tt_content:imageborder, tt_content:image_link, tt_content:image_zoom, tt_content:imagecols, tt_content:imagecaption, tt_content:image_frames, Using images ("Getting Started") | https://docs.typo3.org/typo3cms/GettingStartedTutorial/TheFileModuleOrImageArchives/ManagingFilesInTypo3/ Using images (Animation) | FILE:EXT:welcome/modsub/ani_10.gif

en	EXT:frontend/Resources/Public/Images/cshimages/ttcontent_5.png

en	This shows all the options related to inserting images in Content Elements. Depending on user permissions, you may not be able to use all of them.

en	Enter the width (in pixels) for displaying the image in the Frontend of your website.

en	The TypoScript template is normally configured with maximum image width so you shouldn't need to specify a width. In unique cases, this provides additional flexibility though.

en	tt_content:imageheight, tt_content:image

en	Enter the height (in pixels) for displaying the images in the Frontend of your website.

en	tt_content:imagewidth, tt_content:image

en	Select the position and alignment of the images relative to the body text.

en	The positions above and below the body text are pretty straight forward. The options for "In text" mean that images are displayed with text wrapped around them. When you select this option the template will probably force the images into smaller dimensions to accommodate the width of the template and the width of the text. The bodytext will float <em>under</em> the image block when it reaches the end of the image block. In other words, the body text <em>wraps around</em> the image block. If you select "In text" below the "No wrap" divider, the body text will not float under the image block, but simply continue in its column. Apart from the visual difference there is a technical aspect as well. If you choose to allow the content to wrap the image block you will experience a strange phenomenon when you do not have enough bodytext to make it float around the image: subsequent content elements on the page will appear to be layered on top of the image block. However it's easily solved by changing the "In text" position to the equal value but below the "No wrap" divider.

en	Displays a colored border around the images.

en	tt_content:imagecols, tt_content:image

en	Enter a link for the image. For multiple images, separate the links with commas.

en	By default all images share the same link. Your TypoScript template may be configured to allow a separate link for each image. If this is the case, you simply separate the links with a comma. See Page Content>Link below for details on syntax.

en	tt_content:header_link, tt_content:image_zoom, tt_content:image

en	When enabled, clicking an image will open a larger version in a popup window.

en	This option overrides the value in the Links field.

en	tt_content:image_link, tt_content:image

en	Select special image framing options.

en	tt_content:image

en	Set the number of columns when the images are displayed in the Frontend of the website.

en	tt_content:image

en	Enter captions for the images. For multiple images, enter one caption per line.

en	By default, the caption is positioned below the images. However, your TypoScript template may be configured to allow individual image captions by setting "styles.content.imgtext.captionSplit=1" in your template constants. In this case, each line in this field will be the image caption of the corresponding image in the list. The caption text field is also used by the Content Element type "File Links" where each line represents a description of a file in the list.

en	Select a fixed number of table columns

en	Select a target page or multiple target pages.

en	This field is used by many of the Content Element types to create a relation to either a single target page or multiple target pages. If no target page is specified, the current page will generally be used. Using the "Search" Content Element, the target page is where search results will appear. You must make sure that this page has a similar "Search" Content Element to display the results. The "Login" Content Element (not to be confused with the Login plugin available when the felogin extension is installed) also uses this field to redirect the login to a certain page. That page does not need to contain a "Login" Content Element in order to perform the authentication since any TYPO3 page can handle a login request. If you specify a second page in this list, the ID will be passed to the login system as the page inside TYPO3 where website users are found. You should use this only if your template is not already configured to pass this value on. In order for the login procedure to work you must make sure that you have created website users and website usergroups, have specified where these website users can be found (typically a SysFolder), a page ID in the page list, and ensured that cookies are enabled for the site. The "Menu/Sitemap" Content Elements also use this field. In this case the page will determine the starting point for the menu or the actual pages shown in the menu. This behavior depends on the menu type you have selected. Finally the "Form" element uses this field as the target page to which the form is submitted. A common use is the "Thank you" page after the form is completed.

en	tt_content:CType, tt_content:recursive

en	The number of subpage levels that should also be included for each page in the list.

en	This feature depends on the TypoScript template configuration and Content Element type. If enabled, each page listed in the "Pages" field will also have its subpages included to the specified depth. <strong>Warning:</strong> If there are many subpages, be aware that this option may return a large number of results

en	tt_content:pages

en	Select the type of menu you wish to create.

en	This is a short description of each type: <strong>Menu of selected pages</strong> This will create a menu with links to the pages in the Selected Pages list. <strong>Menu of subpages of selected pages</strong> This will create in a menu with links to the subpages of the pages in the Selected Pages list. If you do not specify any pages, the subpages to the current page will be used. <strong>Menu of subpages of selected pages (with abstract)</strong> Like the previous option, but also displays the content of the Abstract field (or the Description field) for each page in the menu. The Abstract field is given priority over the Description field if both are complete. <strong>Menu of subpages of selected pages + sections</strong> Like the previous option, but includes links to all Content Elements on the page that are marked to Show In Section Menus. <strong>Sitemap</strong> Generates a classic tree sitemap. Notice that the sitemap will begin from the current page unless you select another page instead. <strong>Section index (page content marked for section menus)</strong> This makes a menu of Content Elements on the selected pages for all Content Elements marked to Show In Section Menu. This is a great way to make an index at the top of the page. If you don't want certain Content Elements to appear in the list, just uncheck the Show in Section Menus checkbox for those elements. <strong>Recently updated pages</strong> This displays the 10 most recently updated pages. <strong>Notice:</strong> If you update a page and the updated page is not included in this list, clearing the Page Cache will resolve the issue. <strong>Related pages (based on keywords)</strong> Displays other related pages based on the keywords of the selected pages matched against the keywords of other pages.

en	tt_content:pages, tt_content:sectionIndex

en	Select a plugin to insert.

en	The list of plugins you can insert on a page. The available plugins depend on which extensions are installed.

en	_MOD_tools_em

en	EXT:frontend/Resources/Public/Images/cshimages/ttcontent_7.png

en	Files can be added to the list here.

en	Insert a multimedia element here (ex. Flash movie)

en	Enable the display of file sizes.

en	Insert records to be displayed on this page.

en	If set, the Content Element will appear in Section Menus.

en	See more details about Section Menus by clicking below.

en	If checked, a small "To Top" link will be added after the Content Element, linking back to the top of the page.

en	If checked, the Rich Text Editor will be disabled for the "Text" and "Text & Image" types (<em>in this Content Element only</em>).

en	tt_content:bodytext

en	Plugin Configuration

en	Some plugins may provide configuration options, but the actual options vary based on the plugin. Behind the scenes, these are based on FlexForms and stored as XML.

en	tt_content:list_type