/typo3temp/stylesheet_bbac356821.css

twk

Examples

These are just a few examples to illustrate how to add and edit typical Typo3 content elements. Don't be afraid to try things out, and don't be afraid to make mistakes! If you ever get stuck on what a certain field means just click the nearest help icon.

Example: Create a Text Element

  1. Click the Web > Page view
  2. Select the appropriate page in the page tree
  3. Click the Create new element icon in the appropriate content area
  4. Select the Regular text element content element type
  5. Enter and style text in the Rich Text Editor
  6. Click the Save document and preview page icon to view the page in a new browser window

Example: Add & Resize Images

  1. Click the Web > Page view.
  2. Select the appropriate page in the page tree.
  3. Click the Create new element icon in the appropriate content area.
  4. Select the Images only content element type.
  5. Click Browse (under the Images heading) to select an image from your local machine. The image you choose should be smaller than 1000px width and height, and preferably as close to the output size as possible.
  6. You can choose the alignment of an image by selecting the appropriate option (e.g. "Below, Centre") under the Position heading.
  7. You can specify a width in pixels under the Width (pixels) heading. If left blank the width will be the smaller of: the original image size or the maximum size of images set for the website.
  8. Click the Save document and preview page icon to view the page in a new browser window.

Example: Add a Form/Survey

  1. Click the Web > Page view.
  2. Select the appropriate page in the page tree.
  3. Click the Create new element icon in the appropriate content area.
  4. Select the Mail form content element type.
  5. Click Forms Wizard icon under the Configuration heading.
  6. Add the form fields, selecting the Type, entering the Label and specifying  whether or not it is a Required field. Add more fields by clicking on the plus icon. In the Element Type column you can select between various kinds of form elements such as regular input fields, text areas, selector boxes, checkboxes etc. Each form element also has a label field where you can enter a title for the field. Some fields also provide the possibility of checking for "required" values.
  7. Click save to bring up options specific to the Field Type in the Detailed configuration column. In the "Detailed" configuration column the options will depend on the form field type selected in the "Element type" column. The options here can be to enter elements for a selector box or enter the width of an input field. The "Field:" box is important since it defines the technical name of the form field. This is the name that people will see when they receive an email from the mail form.
  8. Enter the Special configuration for mail forms variables. They allow you to enter information like the subject line of the email sent, the recipient address and whether the sent email should be in HTML or not.
  9. Click the Save and close document to exit the Forms Wizard.
  10. Enter the recipient email (the email address the email should be sent to) under the Recipient-email header.
  11. Click Save to save the form.

Example: Create a Confirmation Page for an Email Form

  1. Create a new page (after the page containing the email form) in the page tree.
  2. Call the page "Email Sent" or something similar.
  3. In Page Properties select Hide in menu, then Save and close.
  4. Add a content element displaying a confirmation message.
  5. Edit the email form (on the page containing the email form).
  6. Under the Jump to page heading click the Browse for records icon and select the page you just created.
  7. Click the Save and close document icon to finish.

Example: Create a Site Map (eg. of related pages based on keywords)

  1. Click the Web > Page view.
  2. Select the appropriate page in the page tree.
  3. Click the Create new element icon in the appropriate content area.
  4. Select Site map under Special Elements
  5. Under Menu Type, select the type of site map you'd like.

If you choose Site Map (related pages based on keywords), you will need to enter keywords into the Page Properties each page. You can edit Page Properties by clicking the top-most pencil on each page.