Regional University Computing Center Kaiserslautern-Landau

File links

File links can be used to make content available for download.

If a visitor clicks on such a link, he can download this file.

First, the creation of download lists and then that of file collections is shown.

 

Example

Example element from the frontend: A list with 3 file links is shown.
Example element from the frontend: list with file links

Dynamically create download lists (with file links)

So that lists for download links do not have to be maintained manually, Typo3 offers the content element "File links".

You can either directly pass a selection of files to this element, for which it takes over the output of the list, or create a so-called file collection (dynamic download list), which is displayed by the content element "File links".

The following video will additionally support you in using "File links".

(with friendly permission of  jweiland.net)

Please note: Once you watch the video, data will be transmitted to Youtube/ Google. For more information, see Google Privacy.
The content element file links (tutorial jweiland.net on YouTube)

instruction

1. Within the file lists in the page tree, create a folder and add the files you want to make available.

 

Example element from the Typo3 backend: In the illustration, a box is placed around the lowest icon (cloud icon) in the module bar on the left. On the right in the editing area, the Create Folder button is highlighted by another box. At the bottom is the Add Media button, which is also framed.
Example element from Typo3 backend: create folder and add media

2. Now navigate back to your page and create the element "File links" via "Typical page content".

 

Example element from the Typo3 backend: In the figure, the window for creating a new content element is open. The tab "Typical page content" is selected and highlighted by a box. Below it are the three options. The last one "File links" is marked by another frame.
Example element from the Typo3 backend: content element "File links"

3. Within the File Links content element, you can now select the files you have previously uploaded via "Add Files".

 

Example element from the Typo3 backend: In the figure, the page tree is shown on the left. A box is placed around the last folder "My files". The right part shows the contents of this folder. A frame is placed around the plus of a subfolder.
Example element from the Typo3 backend: Select files

4. The added files now appear in the frontend, these can be downloaded/opened by the page visitor. Via the "Appearance" grid, you can also customize the view and, for example, display file size, description and preview image (See video).

 

Example element from the frontend: A list with 3 file links is shown.
Example element from the frontend: list with file links

File collections

Advantages of file collections:

  • Can be dynamic
  • Can be included by third parties
  • With the combination of "file collection "and "file links" you can e.g. display all downloads from a directory of your "file list".
  • Using file collections saves effort and time!

The following video supports you additionally in the use of "file collections".

(courtesy of  jweiland.net).

Please note: Once you watch the video, data will be transmitted to Youtube/ Google. For more information, see Google Privacy.
Use file collections in the content element file links (tutorial jweiland.net on YouTube)

Instruction

1. File collections are data sets that must first be created within a folder.

 

Example element from the Typo3 backend: In the figure, the page tree is shown in the left part. The last folder is highlighted by a frame. In the right part of the image, a box in the upper left corner points to the Create new record button.
Example element from the Typo3 backend: store record in folder

2. After you have created the folder, switch to the "List" module and create a new record.

Below "System records" you will find the "File collection". Now create it.

Example element from the Typo3 backend: The figure shows a section of the system records. A frame highlights the second branch file collection.
Example element from the Typo3 backend: The figure shows a section of the system records. A frame highlights the File Collection branch.

3. Now you can give your collection a title. Select as "type" the option "folder from storage", this selection allows you to include internal and external storage. By default the "fileadmin" is available as "file storage", select it. As "Folder" now select the folder you created before.

 

Example element from the Typo3 backend: The illustration shows a section of the editing bar. By a frame each the selection fields type, file storage and folder are selected with: Folder from storage, fileadmin/ (auto-created) and /relaunchinfo/instruction/downloadlists/.
Example element from Typo3 backend: selection of type, file storage and folder

4. You must now insert the new file collection via the "File links" content element (see instructions above).

Within the "File Links" element, however, you now select "File Collection" instead of "Add File".

Example element from the Typo3 backend: The image shows a section of the file collection selection options. At the bottom of the image is the File Collection button, which is highlighted by a box.
Example element from Typo3 backend: Insert file collection

5. In the opened selection window you now navigate to the previously created file collection, via the plus symbol you can select it.

 

Example element from the Typo3 backend: The figure shows a section of a selection window. Below the title File collection (1) a box is wedged around "+ Files in folder "Download list"".
Example element from Typo3 backend: add files to list

6. All files in the selected folder will now appear in the frontend.

 

Example element from the frontend: A list with 2 file links is shown.
Example element from the frontend: list with file collection

7. Within the field "Sort file list", you can sort your file list according to any criteria. Within the field "Target", you can select whether the file should be opened in a new window.

 

Example element from the Typo3 backend: The illustration shows a section of a selection window. Below the title Select File Collection is framed the phrase "Files in the Download List folder". Below that, the title "Sort file list:" is also framed. The associated drop-down menu is expanded and "None" is selected.
Example element from the Typo3 backend: Sorting file list
Example element from the Typo3 backend: In the illustration, the section to the right of the previous illustration is shown. Under the item Target is framed in the dop-down menu "New Window".
Example element from the Typo3 backend: target of the new file

You are in the self-study and want to go to the training start page, then click on TYPO3 in the self-study for beginners part 2.

 

You are currently in self-training, then click  Exercise - File links to continue.

 

Exercise - File Links
Read more