This documentation is for the old version. Go to the latest Upload Suite docs

Customizing Appearance

The figures below demonstrate what elements of Image Uploader can be changed and which properties are responsible for the changes. If you click the property name, you will get the reference description of this property.

Three Panes Layout

In three panes layout Image Uploader consists of the following panes:

  • Tree pane is the folder tree allowing users to navigate their file system.
  • Folder pane displays the content of the currently selected folder.
  • Upload pane contains files ready to be uploaded.
Uploader.BackgroundColor Uploader.BorderStyle Uploader.BackgroundColor Uploader.PanelBorderColor Uploader.HeaderTextColor Uploader.HeaderColor Uploader.TextColor Uploader.AuxiliaryTextColor ContextMenu.OpenText ContextMenu.EditText ContextMenu.EditDescriptionText ContextMenu.RemoveText ContextMenu.UncheckText ContextMenu.CheckText Uploader.Height Uploader.Width UploadPane.DropFilesHereText UploadPane.DropFilesHereImageFormat DetailsViewColumns.LastModifiedText DetailsViewColumns.InfoText DetailsViewColumns.FileTypeText DetailsViewColumns.FileSizeText DetailsViewColumns.FileNameText DetailsViewColumns.DimensionsText FolderPane.HeaderText FolderPane.Height FolderPane.FilterHintText TreePane.TitleText TreePane.Width

One Pane Layout

In one pane layout Image Uploader displays only the upload pane representing a list of files selected for upload.

PaneItem.SelectedTextColor Uploader.BorderStyle Uploader.BackgroundColor Uploader.HyperlinkColor Uploader.TextColor Uploader.AuxiliaryTextColor Uploader.Height Uploader.Width ContextMenu.PasteText ContextMenu.ListViewText ContextMenu.DetailsViewText ContextMenu.TilesViewText ContextMenu.ThumbnailsViewText ContextMenu.RemoveAllText ContextMenu.UncheckAllText ContextMenu.CheckAllText ContextMenu.ArrangeByTypeText ContextMenu.ArrangeByText ContextMenu.ArrangeBySizeText ContextMenu.ArrangeByPathText ContextMenu.ArrangeByNameText ContextMenu.ArrangeByModifiedText ContextMenu.ArrangeByDimensionsText DescriptionEditor.SaveButtonText DescriptionEditor.OrEscLabelText DescriptionEditor.CancelHyperlinkText StatusPane.Color StatusPane.ClearAllHyperlinkText StatusPane.NoFilesToUploadText StatusPane.FilesToUploadText Uploader.UploadButtonText Uploader.UploadButtonImageFormat Uploader.CancelUploadButtonText Uploader.CancelUploadButtonImageFormat

Image Editor

Image editor is intended to preview and edit images, and attach text descriptions.

Uploader.PanelBorderColor Uploader.PanelColor Uploader.BackgroundColor Uploader.AuxiliaryTextColor ImageEditor.DescriptionHintText ImageEditor.SaveButtonText ImageEditor.SaveButtonImageFormat ImageEditor.RotateButtonText ImageEditor.RotateButtonImageFormat ImageEditor.CropButtonText ImageEditor.CropButtonImageFormat ImageEditor.CancelCropButtonText ImageEditor.CancelCropButtonImageFormat ImageEditor.CancelButtonText ImageEditor.CancelButtonImageFormat

Thumbnails View

Thumbnail view can be used in the folder pane and upload panes and in both layouts.

UploadPane.PreviewSize FolderPane.PreviewSize PaneItem.SelectionHoverColor PaneItem.SelectionHoverBorderColor PaneItem.SelectionColor PaneItem.SelectionBorderColor PaneItem.RotationIconTooltip PaneItem.RotationIconImageFormat PaneItem.RemovalIconTooltip PaneItem.RemovalIconImageFormat PaneItem.InactiveSelectionColor PaneItem.InactiveSelectionBorderColor PaneItem.ImageEditorIconTooltip PaneItem.ImageEditorIconImageFormat PaneItem.ImageCroppedIconTooltip PaneItem.ImageCroppedIconImageFormat PaneItem.HoverColor PaneItem.HoverBorderColor PaneItem.DescriptionEditorIconTooltip PaneItem.DescriptionEditorIconImageFormat PaneItem.DescriptionAddedIconImageFormat

Tiles View

Tiles View is the most informative view; it can be used in the folder pane and upload panes and in both layouts.

FolderPane.TileTemplate UploadPane.TileTemplate PaneItem.CheckedItemColor PaneItem.InactiveCheckedItemBorderColor FolderPane.TileHeight UploadPane.TileHeight FolderPane.TileWidth UploadPane.TileWidth PaneItem.CheckedItemTextColor PaneItem.InactiveCheckedItemBorderColor PaneItem.InactiveCheckedItemColor FolderPane.TilePreviewSize UploadPane.TilePreviewSize

Quality Meter

Quality meter appears in the thumbnails view and indicates which formats can be used for printing certain images.

QualityMeter.LowQualityColor QualityMeter.HighQualityColor QualityMeter.Height QualityMeter.Formats QualityMeter.BorderColor QualityMeter.BackgroundColor QualityMeter.AcceptableQualityColor

Adding Files Dialog

This dialog is displayed when a user selects a great many files.

Uploader.PanelColor Uploader.BackgroundColor Uploader.TextColor AddFilesProgressDialog.WaitText AddFilesProgressDialog.TotalFilesText AddFilesProgressDialog.TitleText AddFilesProgressDialog.CurrentFileText AddFilesProgressDialog.CancelButtonText

Upload Progress Dialog

This dialog appears during the upload. It consists of a progress bar and status information.

UploadProgressDialog.KilobytesText UploadProgressDialog.MegabytesText UploadProgressDialog.HoursText UploadProgressDialog.MinutesText UploadProgressDialog.SecondsText UploadProgressDialog.CancelUploadButtonText Uploader.PanelColor Uploader.BackgroundColor UploadProgressDialog.EstimationText UploadProgressDialog.PreparingText UploadProgressDialog.ReconnectionText UploadProgressDialog.InfoText UploadProgressDialog.TitleText

Instant Upload

In the instant upload mode Image Uploader starts the upload process right after a user has added files to the upload pane.

UploadProgressDialog.HideButtonText StatusPane.ProgressBarText

Information Bar

Information bar displays information, warning, and error messages.

InformationBar.ErrorColor InformationBar.MessageColor InformationBar.WarningColor FolderPane.FilterClearIconImageFormat InformationBar.CloseIconImageFormat informationBar.show(text,type) Messages.MaxFileSizeExceeded Messages.MaxTotalFileSizeExceeded Messages.NoResponseFromServer Messages.ServerNotFound Messages.UnexpectedError Messages.UploadCancelled Messages.UploadCompleted Messages.UploadFailed Messages.CmykImagesNotAllowed Messages.DeletingFilesError Messages.DimensionsTooLarge Messages.DimensionsTooSmall Messages.FileNameNotAllowed Messages.FileSizeTooSmall Messages.FilesNotAdded Messages.MaxFileCountExceeded

Authentication Dialog

This dialog appears in non-Internet Explorer browsers when users should enter their credentials.

AuthenticationDialog.Text AuthenticationDialog.RealmText AuthenticationDialog.PasswordText AuthenticationDialog.OkButtonText AuthenticationDialog.LoginText AuthenticationDialog.CancelButtonText

Delete File Dialog

This dialog appears in non-Internet Explorer browsers and asks users to confirm that they really want to delete uploaded files.

DeleteFilesDialog.TitleText DeleteFilesDialog.Message

Loading Content

These labels are displayed while Image Uploader scans the folder content and builds the file list.

Uploader.LoadingFolderContentText

Unix File System

The tree pane on *NIX operating systems is slightly different from the tree panes on other systems. For *NIX users, you can change text that labels the home directory and the root directory.

TreePane.UnixHomeDirectoryText TreePane.UnixFileSystemRootText