Width property not working for AsyncUpload inside RadGrid

[Alexander]

I have an AsyncUpload control inside a InsertItemTemplate, inside RadGrid and a GridTemplateColumn:

<telerik:GridTemplateColumn HeaderText="Filnavn" SortExpression="FileNameWithExtension" 
	UniqueName="FileNameWithExtension" EditFormColumnIndex="0">
	<ItemTemplate>
		---
	</ItemTemplate>
	<EditItemTemplate>
		---
	</EditItemTemplate>
	<InsertItemTemplate>
		<telerik:RadProgressArea runat="server" ID="RadProgressArea1" />
		<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" Width="500px" 
			AllowedFileExtensions=".dot,.dotx" MultipleFileSelection="Disabled" MaxFileInputsCount="1" >
			<FileFilters>
				<telerik:FileFilter Description="Word 97-2003-skabelon" Extensions=".dot" />
				<telerik:FileFilter Description="Word-skabelon" Extensions=".dotx" />
			</FileFilters>
			<Localization Cancel="Annuller" Remove="Fjern" Select="Vælg" />
		</telerik:RadAsyncUpload>
	</InsertItemTemplate>
</telerik:GridTemplateColumn>

But the Width property has no effect. As you can see from the screenshot; the column above has a textbox with the Width property set to 300.

[Shinu]

Hello,

Try setting the following CSS.
CSS:

.RadUpload_Default input
{
  width:500px !important;
}

-Shinu.

[Alexander]

Well, it changed the width... but the buttons text didn't quite follow...

[Princy]

Hello,

Try the following css.
CSS:

.RadUpload .ruFakeInput
 {
    width: 900px !important;
 }

Thanks,
Princy.

[Alexander]

Thanks, that did it.

[Mohammed]

Hi,
thanks it is working with me too.
but what if i have more than one asyncupload control in my page and want to set different width for each one of them ?

[Peter Filipov]

Hi,

In order to change the RadAsyncUpload dimension you need to set its Width and InputSize properties.
E.g. Width="800px" InputSize="90". For more details please review the following help article.

All the best,
Peter Filipov
the Telerik team