# Files

- Package name: files

# Documents

Upload / download of files including versioning

Note that a class is added to the page while uploading ressources: **uploadInProgress**

In case you want to prevent the user presing update, the buttons can be hided with this CSS

```css
 .uploadInProgress .tsUpdateButtons { display: none; }
```

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: No
- Show in lists: Yes
- Searchable: Yes

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/LXialV3ACOjKUFXZ-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/LXialV3ACOjKUFXZ-image.png)

<span class="mw-headline">Field in edit mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/3k9sKY2accSvYkFn-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/3k9sKY2accSvYkFn-image.png)

### Reacting to uploads

The platform sends out custom triggers on upload start, finish and failure.  
To react to these, use the following example

```javascript
$(".custom-file-input").on("TS_UploadStart", () => {
  // React
})
$(".custom-file-input").on("TS_UploadFinished", () => {
  // React
})
$(".custom-file-input").on("TS_UploadFailed", () => {
  // React
})
```

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">\[Description of configs\]</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 50
- SQL datatype: INT(11)
- Class name: FieldFiles

# Pictures

Photo gallery with thumbnail index and optional lightbox to view full size images

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files "Files")
- Groupable: No
- Show in lists: Yes
- Searchable: No

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-03/scaled-1680-/Dnlpm4SpsiCNLNve-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-03/Dnlpm4SpsiCNLNve-image.png)

<span class="mw-headline">Field in edit mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-03/scaled-1680-/98444iYT3giXZIPZ-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-03/98444iYT3giXZIPZ-image.png)

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/Bhr219EWZohD29A2-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/Bhr219EWZohD29A2-image.png)

Config1: Number of columns, default is 4  
Config2: Export width, default is 40%  
Config3: Enable lightbox, default is 0 (off)

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 51
- SQL datatype: INT(11)
- Class name: FieldFilesPictures

# Videos

Video gallery with thumbnails and player.

The video-player only works when Policy [filesystemStorageActive](https://docs.tsnocode.com/books/policy-reference).

To enable down-scaling to 720p and 1080p, the storage has to be on AWS S3, and the Encoding Lambda-function has to be enabled.

As of version 11572 the thumbnail engine was changed to FFmpeg.  
Servers updated to this version, or newer, have to manually download the appropriate [FFmpeg jar](https://repo1.maven.org/maven2/org/bytedeco/ffmpeg/7.1-1.5.11/) and place it in the tomcat-libs folder.  
The version of FFmpeg downloaded must be 7.1-1.5.11.  
Servers installed via the ts-script, after jan 23. 2026 will already have this jar file as part of the default setup.

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: No
- Show in lists: No
- Searchable: No

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-03/scaled-1680-/owqAlYfqx43cRoCS-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-03/owqAlYfqx43cRoCS-image.png)

<span class="mw-headline">Field in edit mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-03/scaled-1680-/VhO6fv5FwQNfndGW-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-03/VhO6fv5FwQNfndGW-image.png)

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/Dj2goaRVLky0SpN9-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/Dj2goaRVLky0SpN9-image.png)

<span class="mw-headline">\[Description of configs\]</span>

<span class="mw-headline">Config1: Number of columns, default is 3  
Config2: Not used  
Config3: Not used</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 52
- SQL datatype: INT(11)
- Class name: FieldFilesVideos

# Document builder

Build document based on solution file template

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: No
- Show in lists: No
- Searchable: No

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">Field in edit mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/WL3o6oPWFC5JUFtT-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/WL3o6oPWFC5JUFtT-image.png)

<span class="mw-headline">\[Description of configs\]</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 53
- SQL datatype: INT(11)
- Class name: FieldFilesGenerate

# Filesystem files

Download of local files on the intranet

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: No
- Show in lists: No
- Searchable: No

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/hFhQCj3o7Ofpgug1-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/hFhQCj3o7Ofpgug1-image.png)

<span class="mw-headline">Field in edit mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/QKHQI1e5yWilzKgD-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/QKHQI1e5yWilzKgD-image.png)

<span class="mw-headline">\[Description of configs\]</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 55
- SQL datatype: Special
- Class name: FieldFilesShared

# Documents with Signing

Upload / download of files including versioning and DocuSign integration, with upload-action and sign-status.

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: No
- Show in lists: Yes
- Searchable: Yes

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/OysfmLmPvx3Byn2U-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/OysfmLmPvx3Byn2U-image.png)

<span class="mw-headline">Field in edit mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/fESXAlb7ZXX60y7J-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/fESXAlb7ZXX60y7J-image.png)

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

The [DocuSign Integration](https://docs.tsnocode.com/books/standard-integrations/page/docusign-integration) should be configured, otherwise this field is the same as [Files: Documents](https://docs.tsnocode.com/books/field-type-reference/page/documents "FieldFiles")

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 57
- SQL datatype: INT(11)
- Class name: FieldFilesSigning

# Value copy (files)

\[DESCRIPTION\]

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: \[YES/NO\]
- Show in lists: \[YES/NO\]
- Searchable: \[YES/NO\]

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">Field in edit mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">\[Eventuel beskrivelse af configs\]</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 617
- SQL datatype: N/A
- Class name: FieldReplicateFiles

# Filesystem with FTP

\[DESCRIPTION\]

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: \[YES/NO\]
- Show in lists: \[YES/NO\]
- Searchable: \[YES/NO\]

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">Field in edit mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">\[Eventuel beskrivelse af configs\]</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 56
- SQL datatype: N/A
- Class name: FieldFilesSharedFtp

# Documents to append

\[DESCRIPTION\]

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: \[YES/NO\]
- Show in lists: \[YES/NO\]
- Searchable: \[YES/NO\]

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">Field in edit mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">\[Eventuel beskrivelse af configs\]</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 2150
- SQL datatype: INT(11)
- Class name: FieldFilesAssembler

# Build remote files reference list

\[DESCRIPTION\]

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: \[YES/NO\]
- Show in lists: \[YES/NO\]
- Searchable: \[YES/NO\]

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">Field in edit mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">\[Eventuel beskrivelse af configs\]</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 2152
- SQL datatype: N/A
- Class name: FieldFilesReferenceListBuilder

# Build document from structure

\[DESCRIPTION\]

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: \[YES/NO\]
- Show in lists: \[YES/NO\]
- Searchable: \[YES/NO\]

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">Field in edit mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">\[Eventuel beskrivelse af configs\]</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 2153
- SQL datatype: N/A
- Class name: FieldFilesStructureAssembler

# Append remote files

\[DESCRIPTION\]

### Properties

- Type: [Files](https://docs.tsnocode.com/books/field-type-reference/chapter/files)
- Groupable: \[YES/NO\]
- Show in lists: \[YES/NO\]
- Searchable: \[YES/NO\]

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">Field in edit mode</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

<span class="mw-headline">\[INSERT IMAGE\]</span>

<span class="mw-headline">\[Eventuel beskrivelse af configs\]</span>

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 2151
- SQL datatype: N/A
- Class name: FieldLookupRecordAssembler