In one pane layout mode, Image Uploader displays a single panel, which represents a list of files selected for upload. The user can fill this list by dragging files and dropping them onto the panel.
This layout may be convenient in custom applications, which are written in languages, other than HTML.
Here is how Image Uploader looks in different operating systems when working in this mode.
Figure 1. Windows
Figure 2. Mac OS X
Figure 3. Linux
Uploading Files
To upload files in this layout, follow these steps:
- Select files in one of the ways:
- Select necessary files in Windows Explorer, Finder, or any other graphic shell you use and drop them onto the Image Uploader upload pane.
- Click the Add Files button and select files in the standard Open File dialog.
- Click the Add Folder button and select folders in the standard Browse for Folder dialog.
- Repeat Step 1 until all necessary files are added to the upload list.
- Click the Send button.
Setting One Pane Layout Mode
To set the one pane layout mode, use the PaneLayout property:
JavaScript | ![]() |
---|---|
<script type="text/javascript" src="iuembed.js"></script> <script type="text/javascript"> var iu = new ImageUploaderWriter("ImageUploader", 710, 500); //...Other params and event handlers iu.addParam("PaneLayout", "OnePane"); //...Other params and event handlers iu.writeHtml(); </script> |
Customizing One Pane Layout
You can customize this layout in the following ways:
- Select a view mode for files in the upload pane.
- Show or hide the buttons on the top or create custom buttons.
- Show or hide the controls on thumbnails that allow thumbnail rotation and so on or create custom controls.
- Customize appearance of single thumbnails—specify their background and foreground colors, borders.
- Enable or disable the context menu.
- Enable or disable single thumbnails.
- Change the pane background color.
- Change the text labels.
Upload Order
In this mode, the sort order of images in the upload pane determines the upload order. The sort order can be set using the UploadPaneSortMode property during initialization of Image Uploader or in run-time. The user can change the sort order via the context menu or dragging images onto the pane.