File Viewer: Type

Business Background

When you have stored your files in an external location with the file URLs stored in Salesforce records, you can specify the type of document that can be viewed using the File Viewer element.

How to Video

  • Coming soon!

How to Guide

Note:

You do not need to use this option if your files (also known as Content Versions) are stored directly in Salesforce on the File tab.

Learn more about mapping Salesforce files to the File Viewer.

For dynamic file URLs, do the following:

  1. Navigate to Titan Web Application.
  2. Click the expand (+) button above the Settings Gear icon. A list of elements will show.
  3. Select the Widget option from the list.
  4. Click-and-drag the File Viewer element to the canvas.
File Viewer widget
File Viewer widget
  1. Click the File Viewer element settings Gear icon. The File Viewer Settings screen opens.
  2. Click the Salesforce option and click the Configure Integations button. The Salesforce Integration screen opens.
File Viewer settings
File Viewer settings
  1. Click the Create New button. The Map Salesforce fields screen opens.
  2. Use the drop-down lists to select the following:
    • Object in Salesforce, for instance, Account.
    • Trigger to execute pull, for instance, User Action.
Map Salesforce fields
Map Salesforce fields
  1. Click the Condition option and configure a condition, for instance, list Account IDs.
Map Salesforce fields
Map Salesforce fields
  1. Click the Mapping option and use the drop-down list to map the File Viewer/Content to the field in Salesforce where the image URL is stored.
  2. Click the Apply button. The integration is added to the screen.
Map Salesforce fields
Map Salesforce fields
  1. Click the Close button.
Salesforce integration
Salesforce integration
  1. Click the Gear icon to open the File Viewer Settings screen and, under Content, use the Type drop-down list to select a file type.
Note:
  1. You must select the same file type as in the URL:  for instance, in this URL, the file type is PNG and then you must select PNG in the drop-down list: https://titandxp.com/wp-content/uploads/2022/08/Group-5.png
  2. If you map multiple files to the file viewer widget, they must all have the same file type.
File Viewer settings
File Viewer settings
Note:

This option only works for dynamic files.

When Static File is selected, the drop-down list is no longer active.

This image has an empty alt attribute; its file name is image-166.png

  1. Configure a trigger for the Salesforce action you created. In this example, it is triggered from the page.
  2. Click the Pages drop-down option.
  3. Select the page where the file viewer element is and click the Kebab icon.
  4. Click the Configure Actions button.
Configure Actions button
Configure Actions button
  1. Hover with the mouse over the Start node and click the + icon.
Configure Actions
Configure Actions
  1. Select the Salesforce Action option and click the Next button.
Add Node screen
Add Node screen
  1. Use the drop-down list to select the Salesforce integration action and click the Next button.
Add Node/Salesforce Action screen
Add Node/Salesforce Action screen
  1. If necessary, change the tag and click the Insert button. The node is added to the screen.
Add Node/Salesforce Action screen
Add Node/Salesforce Action screen
  1. Click the Apply button.
Configure Actions screen
Configure Actions screen
  1. Save and Preview the project.

The file is loaded to the file viewer widget.

Hidden Title

Need more help?