Back to Devexpress

Upload Control Elements

aspnet-5217-components-file-management-file-upload-visual-elements.md

latest8.8 KB
Original Source

Upload Control Elements

  • Jul 14, 2021
  • 2 minutes to read

This topic describes the on-screen ASPxUploadControl elements and lists the main members that affect their appearance and functionality.

Add Button

The Add Button adds a new file input element.

CharacteristicsMembers
VisibilityASPxUploadControl.ShowAddRemoveButtons
AppearanceASPxUploadControl.AddButton, ASPxUploadControl.ButtonStyle
AlignmentASPxUploadControl.AddUploadButtonsHorizontalPosition
SpacingASPxUploadControl.ButtonSpacing

Browse Button

The Browse Button allows users to select a file to upload.

CharacteristicsMembers
AppearanceASPxUploadControl.BrowseButton, ASPxUploadControl.BrowseButtonStyle
WidthUploadControlBrowseButtonStyle.Width
CountASPxUploadControl.FileInputCount
SpacingsASPxUploadControl.FileInputSpacing

Cancel Button

The Cancel Button cancels the upload.

CharacteristicsMembers
VisibilityASPxUploadControl.ShowProgressPanel
Style and SettingsASPxUploadControl.CancelButton, ASPxUploadControl.ButtonStyle
PositionASPxUploadControl.CancelButtonHorizontalPosition
SpacingASPxUploadControl.CancelButtonSpacing

Clear File Selection Button

The Clear File Selection Button clears the text box (removes the selected files).

CharacteristicsMembers
ImageASPxUploadControl.ClearFileSelectionImage
VisibilityASPxUploadControl.ShowClearFileSelectionButton

Drop Zone

The Drop Zone is displayed over the upload control when a user drags a file over it.

CharacteristicsMembers
AvailabilityUploadAdvancedModeSettings.EnableDragAndDrop
StyleUploadControlStyles.DropZone

File Input Element

The File Input Element allows users to select files to upload.

CharacteristicsMembers
CountASPxUploadControl.FileInputCount
SpacingsASPxUploadControl.FileInputSpacing
Render ModeASPxUploadControl.Native

File List

The File List contains a list of files for upload, allows users to remove a particular file from the list, and shows the upload progress.

CharacteristicsMembers
AvailabilityUploadAdvancedModeSettings.EnableFileList
PositionUploadAdvancedModeSettings.FileListPosition
StyleUploadAdvancedModeSettings.FileListItemStyle

Progress Bar

The Progress Bar shows the upload progress.

CharacteristicsMembers
VisibilityASPxUploadControl.ShowProgressPanel, UploadAdvancedModeSettings.EnableFileList
StyleASPxUploadControl.ProgressBarStyle

Progress Bar Indicator

The Progress Bar Indicator indicates the status of the upload process.

CharacteristicsMembers
VisibilityProgressBarSettings.ShowPosition
StyleASPxUploadControl.ProgressBarIndicatorStyle

Remove Button

The Remove Button removes a file input element or a file from the file list.

CharacteristicsMembers
VisibilityASPxUploadControl.ShowAddRemoveButtons, UploadAdvancedModeSettings.EnableFileList
AppearanceASPxUploadControl.RemoveButton, ASPxUploadControl.ButtonStyle
SpacingASPxUploadControl.ButtonSpacing, ASPxUploadControl.RemoveButtonSpacing, ASPxUploadControl.FileInputSpacing
CountASPxUploadControl.FileInputCount

Text Box

The Text Box shows information about the selected file or prompt/null text.

CharacteristicsMembers
AppearanceASPxUploadControl.TextBoxStyle
CountASPxUploadControl.FileInputCount
HeightUploadControlTextBoxStyleBase.Height
Null TextASPxUploadControl.NullText, ASPxUploadControl.NullTextStyle
SpacingsASPxUploadControl.FileInputSpacing
VisibilityASPxUploadControl.ShowTextBox

Upload Button

The Upload Button starts the file upload.

CharacteristicsMembers
VisibilityASPxUploadControl.ShowUploadButton
AppearanceASPxUploadControl.UploadButton, ASPxUploadControl.ButtonStyle
AlignmentASPxUploadControl.AddUploadButtonsHorizontalPosition
SpacingASPxUploadControl.ButtonSpacing, ASPxUploadControl.AddUploadButtonsSpacing