Overview
A File Display Gallery is a component used to facilitate the uploading and displaying of multiple files in PhixFlow. Files are previewed and where this is not possible, a generic placeholder image is displayed.
Example File Display Gallery
For a worked example of how to create a File Display Gallery, see /wiki/spaces/HELP11/pages/9745399809.
Properties Tab
If this item is within or belongs to another, its parent name is shown here. See the Parent Details section on the Common Properties page for more details.Parent Details
Basic Settings
Field | Description |
---|---|
Name | Enter the name of the component. The names for some components do not support spaces such as form fields and card components. |
Aggregate Function | Facilitates the aggregation of the values held in a data backed components. See /wiki/spaces/HELP12/pages/9615616332. For example, sum the value for InvoiceAmount across all records to give a total. |
Allow file download | Tick to allow users to click on a File Component to download the associated file. |
Show the file name | Tick to display the name of the file associated to the File Component. |
Show preview | Tick to display a preview of the file associated to the File Component. For files where a preview is not possible, such as a CSV, a generic image is displayed which illustrates the file type, e.g. . Untick to display an appropriate holding image illustrating the file type for the record. |
Backing Attribute
Table Attribute The name of the underlying attribute. Table The name of the Table the attribute originates from. See Table. Relational Attribute Indicates if the attribute is relational. This field is read-only. See Using Relational Views.
- The backing attribute must be an attribute on a Table with a relationship to the folderId attribute on the File Table
- In this Table's Properties it must have Advanced → Audit Manual Changes disabled
This section includes a list of the Preferred Parent Categories the component can be dragged onto. For example, a button template can have a preferred parent category of button bar, therefore when the button template is dragged onto a screen the button bar will highlight indicating it is a preferred parent for the button template. This property relates to configuring preferred parents for components; see /wiki/spaces/HELP12/pages/9615609427. To add a category, open the repository Layout Categories section and drag one into the list.Preferred Parent Categories
Advanced Settings
Field | Description |
---|---|
Type | PhixFlow populates this property with the type of component. |
Internal Icon Source | Select an image from the list of uploaded images to be used as the icon for this component. The icon will appear alongside the name of the component in the Layers section, Repository and property editors. |
External Icon Source | Enter the path to an icon that is stored in your file system. |
Description
Field Description Tooltip Enter tooltip text. When using the application, if the user hovers their mouse over this component, PhixFlow displays this text.
If this text is in the translation table, PhixFlow can display translated text that matches the user's locale; see Translating an Application Interface.Description Enter a description to explain the purpose of this component.
Styles Tab
Shared Styles are reusable styles that can be applied to multiple components. Editing a shared style will impact all components where it is being used, therefore proceed with caution when editing and deleting. See /wiki/spaces/HELP12/pages/9615615745. Click Show the List of Styles to see the styles available in the repository. You can drag styles from the repository into the grid to add a shared style to this component. A list of CSS properties. Click Create New to add a new CSS style; see /wiki/spaces/HELP12/pages/9615609976. A list of rules about when to apply formatting. Click Create New to add a new rule; see /wiki/spaces/HELP12/pages/9615610103.Shared Styles
CSS Properties
Formatting Rules
Style Settings
PhixFlow uses the style settings to construct CSS for the component; see w3schools.com CSS for details of CSS. If the formatting you require is not available in this section, you can also create custom styling, see /wiki/spaces/HELP12/pages/9615609976. PhixFlow applies the style to the component when you save changes to the properties tab.
Field | Description |
---|---|
File Record Style | Set a style for the gallery to determine how the tiles are displayed. |
See the Common Properties page, Access Permissions section. Security Tab
Access Permissions
See the Common Properties page, Audit Summary section. Audit Tab
Audit Summary