Creating content

1. Alternatively, you can create a content element using the corresponding button at the top of the working area.
2. After clicking on the button, a panel opens in which you can select the desired type of content element.
3. Drag the icon of the content element to the desired position on the page.

Selecting type of content element

TYPO3 offers a variety of different content elements. The following sections present the most important content elements.

In most cases, you will use the content element type Text and images. This is the most versatile and universally applicable content element type. With the content elements Image gallery and Banner for home page top, you can additionally design the home page.

You can see how the individual content elements look in the frontend, i.e. on the website, on the layout webpage.

For the image, you require an image in widescreen format (about 670 × 175 pixel), as parts of the image will disappear behind the blue banner.

1. To select the image file, click on the folder icon under Image.
2. The filelist opens. You can select an image that has already been uploaded or upload a new image.
3. The title and description are automatically taken from the properties of the image. If you want to overwrite this information, activate the checkbox under Title and Description (Caption). Then enter the appropriate text in the text fields below.

You can make the following settings in the Appearance tab:

• display only the image description or also the title of the image
• display transparent blue box with the text above the images or without transparency next to it

The optimal size of the images is:

• blue box above images: 1300 × 340 pixels
• blue box next to images: 806 × 340 pixels

Your images do not have to correspond to these dimensions exactly. However, the resolution should be high enough so that TYPO3 can convert the dimensions of the images accordingly. If your image dimensions are too small, you will see either white stripes or a pixelated version of the image.

There are more options in the Appearance tab:

• Image position: adjust position of images (for instance, above, below, left or right of the text)
• No margin after element: eliminate the white space below an element (for several connected content elements)
• Mobile view: exempt content element or its images from the mobile version

Bullet list

The content element Bullet list allows you to create a simple bullet list. Simply enter every bullet point item in a separate line in the text field Bullet list.

In the drop-down Type of bullets, you can choose between the following bullets:

• Unordered list: blue squares
• Ordered list: numbered blue squares

In content elements with a rich text editor (such as Text and images) you can also create bullets and choose the background colour (grey, white or striped).

Info box

The content element Info box is suitable, for example, for information you want to draw particular attention to. It consists of:

• Bar, several colours to choose from
• Header, several colours to choose from
• Text block, designable in the rich text editor

Upload all images in the same landscape format, with a minimum width of 900 pixels. Pictures in portrait format will be displayed with a grey area on their left and on their right. The user guide for adding images can be found in the section Banner for home page top.

Selecting the files works the same as selecting images. However, the relevant button is called Add file. You can sort the files according to file name, file type, file extension and file size. You can hide the file size via a checkbox.

Insert records

Emergency banner

You can find this content element in the Special elements tab. It comprises fields for a header, text and related links. It appears before a flashy orange-red background and can be used in all content areas, including the header container on the home page.

Address list

The content element Address list displays a collection of addresses in a list. To include it on a page, the following steps are necessary:

1. Creating data sets of the type Address
2. Creating content element of the type Address list, that displays the data sets as a list

Creating data set of the type Address

1. Switch to the List module in the Web module area on the left.
2. If you would like to create multiple addresses, we recommend you to create a separate folder. Click on the left button above the page tree and drag the folder icon to the desired position.
3. Click on the icon Create new record above the working area and select the item Address in the list.
4. Fill in the first name and last name and the address data in the Contact tab and save the data record.

Creating content element of the type Address list

1. In the Web module area on the left, switch to the Page module.
2. Create a content element of the type Address list at the desired location. This is located in the Special elements tab.
3. Under the layout settings for the heading there is a list field in which you select your addresses. To do this, click on the folder icon next to the field and navigate in the page tree that opens to the place where you previously created the address entry.
4. Click on the name to transfer the entry to the list field.
5. Under the tab Appearance you can define which fields of the address are to be displayed.

Address list for sidebar

The content element Address list for sidebar can only be used in the area Randinhalt (sidebar content). Selecting the addresses works in the same way as with the normal Address list.

If you check the box Do not show address from site information, the standard contact will not be displayed on the relevant page.

Menus

In the Menu tab you will find several navigation elements that you can use in the content area. Use these content elements sparingly. The design of the University of Vienna already contains a predefined menu with 4 levels that depicts the page tree. In addition, the complete sitemap is linked in the footer of each page. These standardised navigation elements should be sufficient for you and your website visitors in most cases.

Nevertheless, it sometimes makes sense to supplement these navigation options with content elements. At the beginning of the TYPO3 user guides, for example, you will almost always find an element called Page content. To create this, select the type Section index in the Menu tab. This navigation element lists all content elements of a page for which the checkbox Show in Section Menus is activated in the Access tab.