enabling people to communicate

Evaluation Center

Is TYPO3 for you?

HighlightsScreenshotsLicenseReferencesCase StudiesPress reviews

Sponsors

  • TYPO3 | Digital District

Basic Screenshots

Here is a collection of screenshots from the TYPO3 backend, starting with screenshots of an editor's view and ending with some advanced options. They will give you a general idea of the internal modules, capabilities and concepts of the system. If you would like to see these features in action, please download the package.

Click any of the images to see an enlarged version in an image lightbox.

Editor's View

Module List
Module Page
Module View
New Content Wizard
New Page Wizard
Rich Text Editor
Editing picture properties
Frontend Editing
Filelist (Media Management)
User Settings

Module List

The List module shows all the content records stored for the page. This is useful for viewing the records for users, content items, addresses and templates related to a page. Some extensions like the news extension (tt_news) save records on a particular page or in a system folder; the List Module is useful for viewing and editing these records.

Module Page

The Page Module is where most site editing of pages and page content is done. It is the module that website editors and contributers will use most. The above screenshot shows the Page Module with use of he extension Templavoilà.

Module View

This module shows a preview of the selected web page as it will appear in the Frontend. You are also able to edit page content directly on the previewed page.

 

New Content Wizard

When adding a new content element the editor has to decide between different content types. Page content types can be changed at any time from the pull-down 'Type' menu at the top of the content element. The most commonly used elements are text and image elements. On one page, you can use multiple content elements.

New Page Wizard

Creating new pages is very easy. As you create pages, TYPO3 will organize them in the hierarchy of the page tree. If you want to change your site architecture, you can simply move the pages around within the system.

Rich Text Editor

TYPO3 features a Rich Text Editor which allows WYSIWYG editing of the web pages. This resembles Word or any other word processor so closely that users will find it quite intuitive to operate. As an administrator, you can configure it to display your stylesheet classes and filter unwanted HTML.

Editing picture properties

In TYPO3 you have the possibility to upload your pictures to one place (also see Filelist) in one size. While editing the content element the picture size can be assigned and the system will crop/scale the picture to the given size. If wanted the smaller picture will be made clickable to a bigger version, for example with a nice design inside an image lightbox.

Frontend Editing

When backend users are logged in, the web pages may display small control panels and 'edit icons' in the frontend. These provide an intuitive, context-oriented way of editing content directly on the web pages.

Filelist (Media Management)

File management is an integral part of the system. Administrators can configure TYPO3 to mount any path on the server and then allow certain backend users/groups to store files in those folders. Files can be uploaded, renamed, copied, moved, deleted - even edited online. Selecting an image folder enables a thumbnail view (a smaller view of the picture) of the images in a folder. Other image information such as size, date of upload and file type is shown with the image.

User Settings

Inside the user settings moduule backend users can edit their personal setup details. Editable features include name, username, email address, password, BE language (more then 40 langauges are available) and backend layout preferences.

Administrator's View

Backend Usergroup Administration
Access Module
Extension Manager
Reports Module
Install Tool

Backend user & usergroup administration

Backend users are allowed to log into the TYPO3 backend and do permitted actions. Each user can also be a member of one or more groups and each group can include sub-groups. Groups contain the main permission settings you can set for each user. Many users can be a member of the same group and, thus, share permissions.

Access Module

The access module provides an overview of the given permissions of every user and/or usergroup. For example a user or usergroup can get the permission to edit properties off selected pages, but be not for deleting pages. The same can be done for content on pages.

Extension Manager

Administrators have the possibility to expand the TYPO3 core functionality by installing third party extensions. With the extension kickstarter wizard, the framework for new extensions can be built very easily. A basic frontend output can be created, but further coding is necessary.

Reports Module

Inside the reports module administrators can find an overview of the site's parameters. It also features problem listings, if there is anything wrong with the installation.

Install Tool

The Install Tool ensures an easy installation and upgrade process of TYPO3. Each time TYPO3 releases a new version or preview, the main database structure may be altered. The Install Tool will automatically identify which changes are needed in order to upgrade the database and with a single click, those changes are performed. TYPO3 is a very comprehensive system which currently runs on nearly any PHP-enabled server. However, the more exotic features, like the powerful image generation engine requires special software. The Install Tool provides tools for analysis and bug-tracking of the installation.