Uploading Files in VROOM

Files such as PDF, DOC, ICO, ZIP and MP3 can be uploaded using the Files system and referenced via tag or linked to directly. To upload a file click on Uploads > Files and then click on Upload File. The file will be given a reference based on the file name and the type of file will be represented with an icon.

The following file types are currently supported:

  • PDF
  • DOC
  • MP3
  • ZIP
  • JS
  • SWF
  • FLV
  • MP4
  • CSS
  • ICO
  • TXT
  • XLS
  • PPT
  • TTF
  • CFF
  • SVG
  • WOFF
  • EOT

Creating File Folders

Before you upload any files, you should create at least one file folder. To create a file folder, click on Uploads > File Folders, then click on Add Folder. You may wish to do some planning before you create too many folders, since you'll want to use folders carefully to help organize and keep track of your uploaded files.

Displaying a (single) File Link

Once you have uploaded a file, you may generate a link to that file from a Template, Include, or Block. Alternatively, you may access the file directly via its virtual path, at which point you will be presented with a download screen.

To reference the file via a tag, you may use http://vroomcms.vizlogix.com/files, and a HTML link to the file will be generated. This code can be styled through CSS, for example, by using the class "file".

To directly access the file via its virtual path, you may use /files/REFERENCE.EXTENSION; for example: /files/favion.ico. Make sure that the extension is the same as the type of file you uploaded originally. If you are not sure, you will need to look at the original file you uploaded.

Displaying a List of Files

The following code uses the "filelist" tag for creating a list of document links:

<ul>
{filelist:pdf}

<li><a href="{filelink:link}" title="{filelink:description}">{filelink:description}</a></li>

{/filelist:pdf}
</ul>

The code above will list all files in the "pdf" folder, along with their Markdown-formatted descriptions and links by which they may be downloaded.