## Aurigma Image Uploader Flash 1.0

# Image Uploader Flash User Interface

- Collapse All Sections
- See Also
- Language Filter ( all languages )

This topic overviews Image Uploader Flash user interface.

## Layout

The control layout can be divided into three parts, namely Top Panel, List View, and Status Panel. These parts are highlighted in the following screenshot.

Let us consider these parts in detail.

### Top Panel

This part displays a customizable title as well as links to add files to the upload list and clear it. This panel contains the Change view box on the right that allows users to switch between file display modes.

All the captions displayed on this panel can be modified via the properties of the topPanel class.

### List View

This part represents the upload list. It allows browsing user-selected files using one of the available view modes. Each file in this list can be provided with a description, rotated (for image files only), and removed from it. To perform these actions use the additional controls. The order of files in the upload list determines the upload order. To re-arrange files added to the List View drag them onto the list.

This part can be customized through the properties of the listView class.

### Status Panel

The information displayed on the Status Panel depends on Image Uploader Flash state. Thus, when a user adds files to the upload list, Status Panel displays a total number of files in this list and looks like a screenshot above. If a user clicks Send the upload starts and Status Panel indicates this process using progress bar and status information.

The Send button is also replaced with the Stop which terminates the upload process. By analogy with previous parts, the current one is configured using the statusPanel class properties.

## View Modes

Image Uploader Flash is intended for mass file upload, so it allows users to browse selected files. These files are displayed in the List View part of the control layout using one of the available view modes. There are three view modes, namely tiles, thumbnails, and icons. Users can change view mode with the Change view box located on the Top Panel. Additionally, you can set a default mode using the listView.view property.

### Tiles

This view is intended for displaying files of various types. Here each file appears as a thumbnail (or icon for non-image files), with a file name and details ('last modified' date, image dimensions, and file size) on the right. This is the most informative mode; however, it requires much space to display the user-selected file. Thus, the number of files displayed at a time is smaller than in other views.

### Thumbnails

This mode is mostly used for browsing image files. It displays files as large thumbnails without any additional information. If, however, the user wants to know a file name or size they just need to move the mouse pointer over the thumbnail. This mode allows simultaneously to display more files than the previous one.

### Icons

This view is used to browse files of various types. It displays user-selected files as small icons with names on the right. The advantage of this view is that more files can be seen at a time.

## Additional Controls

Additional controls appear when a mouse pointer hovers over thumbnails or icons. Using these controls a user can remove files from the upload list, rotate images, and add descriptions to files. The layout of additional controls depends on selected view mode.

Tiles | Thumbnais | Icons
--- | --- | ---

## Image Preview

Image Preview is an additional window which appears when a user double-clicks an image item in the List View regardless of selected view mode.

## See Also

### Reference

- topPanel Class
- listView Class
- statusPanel Class
- imagePreviewWindow Class

### Manual

- Customizing Appearance
- Using Precompiled Themes

- TopPanel (ASP.NET)
- TopPanel (PHP)
- topPanel (Java Script)

- ListView (ASP.NET)
- ListView (PHP)
- listView (Java Script)

- StatusPanel (ASP.NET)
- StatusPanel (PHP)
- statusPanel (Java Script)

- View (ASP.NET)
- View (PHP)
- view (Java Script)

- TopPanel (ASP.NET)
- TopPanel (PHP)
- topPanel (Java Script)

- ListView (ASP.NET)
- ListView (PHP)
- listView (Java Script)

- StatusPanel (ASP.NET)
- StatusPanel (PHP)
- statusPanel (Java Script)

- ImagePreviewWindow (ASP.NET)
- ImagePreviewWindow (PHP)
- imagePreviewWindow (Java Script)