File Component Classic

The File component inserts a Browse button that allows a user to upload an attachment.

The File component is supported in the Input view and is found in the Data Entry section of the Components tray.

File Component

See Add Board Components for details about adding components to a view.

Settings

File Input Settings

The following settings are available.

File Input Settings fields
Field	Description	Procedure
Label	A unique identifier that briefly describes the component in the user interface.	Enter between 2 - 50 alphanumeric characters, excluding special characters.
DB Field Name	A unique identifier that briefly describes the component in the database table. The text in this field becomes the database field name.	Enter between 2 - 50 alphanumeric characters, excluding special characters.
Help Text	The tooltip that appears when the pointer is over the field.	Enter between 2 - 50 alphanumeric characters, excluding special characters.
Required	Indicates that the component is a required field. The user sees an error message if the field is not completed.	Select the checkbox to enable the option.
Forms Compatible Forms are available with DesignStudio Pro.	Allows the file component to work seamlessly with DesignStudio forms when you are working with attachments in a form. When you select this checkbox, DesignStudio creates a new field that uses the DB Field Name you specify, followed by the _formSubmission extension. For example, if the DB Field Name is attachment, a new field is created called attachment_formSubmission. The formSubmission field is used in the corresponding form instead of the DB Field Name.	Select the checkbox to enable the option.
Conditional Settings	The component only appears when certain conditions in relation to another component are met.	See Add a Conditional Component.

The following actions are available when you select any component on the canvas in the Board Workspace when working with Classic Styling.

Actions descriptions
Name	Description	Procedure
Settings	Opens the Settings dialog. You can modify the component’s settings, such as label, database field name, help text, style, and conditional settings.	In Design mode, click the component on the canvas. A toolbar appears on the top right. Click the Settings icon. Modify the fields as needed. Click Done.
Move		This icon is not used. To move the component, click and drag it to its new location.
Clone	Copies the current component and its settings, then pastes it after the current component.	In Design mode, click the component on the canvas. A toolbar appears on the top right. Click the Clone icon. The component's Settings dialog opens. Edit the settings for the cloned component. Click Done.
Delete	Deletes the selected component.	In Design mode, click the component on the canvas. A toolbar appears on the top right. Click the Delete icon.