Introduction

The File Display component is used to facilitate the uploading of and displaying of files in PhixFlow. It requires a specific Table type to hold the file information, which can be added using an ERD where it can be and associated to a table(s) via a Relationship(s).

The File Display component can be found in the Serene Grey palette, under Basic Layouts, and in the route of the Standard PhixFlow Labelled palette.

Initial Setup

In order to store an uploaded file the following must be completed:

1. Directory
   1. On your serversetup , set up a directory where the files will be uploaded.
   2. In PhixFlow, from the

      Insert excerpt
      _administration _administration nopanel true

       menu, open System → Configuration.
   3. In the System Directories section, add the address of the directory setup in the first step e.g. C:\Tomcat\webapps\phixflow\data\images

   4. Insert excerpt
      _save_icon _save_icon nopanel true

       Save your changes.
   5. All uploaded files will be placed in this directory.
2. File Table
   1. On your ERD diagram, add a new 

      Insert excerpt
      _tableFile _tableFile nopanel true

   2. If required, create a relationship between this table and your desired table.
   3. Data can now be saved directly to this table or via a relationship.

Uploading Files

File Display components work in the same way as all Form Field, the form fields, e.g. they must have a backing attribute and the data needs to be saved.

To

Set Up a File Display

1. Drag the File Display Component component from the Serene Grey palette onto your screen.
2. Add a backing attribute by right-clicking on the component and selecting Add Backing Attribute.

   Insert excerpt
   _attributes_add_backing _attributes_add_backing nopanel true

   1. Select the Primary Key from your File Table if you are saving directly to the table or use the relational attribute on your related table.
3. Now, with your screen lock you

   Insert excerpt
   _lock _lock nopanel true

   ed you can drag files onto the File Display component to populate the data. This populates the field.
4. Ensure the File Display form field is added to your save mechanism, like with all form fields, so the data is saved.