Increasing File Input Width

Each input field in RadUpload is composed of a transparent standard file input (which is hard to customize) and skinned textbox and button below. In this way a nice look and functionality are achieved at the same time.

To increase the width of the file inputs in RadUpload, follow these two steps:

• Get reference to the real input fields client-side in onclientadded event of RadUpload and set their size property. Please note that size is set in characters, not in pixels. Thus, the desired width of the real file inputs is being set.

• Change the width in .RadUploadInputField class in "~/RadControls/Upload/Skins/Used_skin/RadUpload.css" file in pixels which equals the width set in the previos step. Thus, the desired width of the skinned textbox is set.

If you have set RadUpload property enablefileinputskinning to false meaning that you want to display only the standard file inputs, then the first step is sufficient.