Skinning

RadUpload supports skinning - you can change the entire appearance of the control by changing a single property - Skin.

A skin is essentially a set of images and Css styles applied to RadUpload and RadProgressArea controls. Skins are located in the ~/RadControls/Upload/Skins folder. A skin folder consists of all images and a file named RadUpload.css containing the definitions of Css styles applied to different elements in the controls.

You can easily change the Skin applied to RadUpload or RadProgressArea by setting the Skin property, e.g.

// aspx / ascx declaration
<radU:radUpload runat="server" Skin="Gold" � />
<radU:RadProgressArea runat="server" Skin="Gold" � />

//code
RadUpload1.Skin = "WindowsVista"
RadProgressArea1.Skin = "WindowsVista"

To avoid the standard file input "Browse" button and make it more attractive a mechanism is used, which hides the real file input field with a button and a text area. However, this behavior depends on exact settings in the skin CSS file, which might not look perfect with some specific browser configurations - the file cursor might stand below the select button, or the select button might fall below the textfield, etc. For your convenience in such a case, a boolean property of RadUpload, named EnableFileInputSkinning is exposed. Setting it to false disables the skinning mechanism of the file input field.

If you experience some discrepancies in the skin visualization when migrating from IE6 to IE7, visit the knowledge base article below along with the resource linked at the bottom of it:
Migration from IE6 to IE7