This is a migrated thread and some comments may be shown as answers.

Width property not working for AsyncUpload inside RadGrid

6 Answers 91 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Alexander
Top achievements
Rank 1
Alexander asked on 09 Mar 2012, 12:44 PM
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.

6 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 12 Mar 2012, 08:17 AM
Hello,

Try setting the following CSS.
CSS:
.RadUpload_Default input
{
  width:500px !important;
}

-Shinu.
0
Alexander
Top achievements
Rank 1
answered on 12 Mar 2012, 09:39 AM
Well, it changed the width... but the buttons text didn't quite follow...

0
Princy
Top achievements
Rank 2
answered on 12 Mar 2012, 11:22 AM
Hello,

Try the following css.
CSS:
.RadUpload .ruFakeInput
 {
    width: 900px !important;
 }

Thanks,
Princy.
0
Alexander
Top achievements
Rank 1
answered on 12 Mar 2012, 12:00 PM
Thanks, that did it.
0
Mohammed
Top achievements
Rank 2
answered on 15 Aug 2012, 12:59 PM
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 ?
0
Peter Filipov
Telerik team
answered on 16 Aug 2012, 02:49 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
AsyncUpload
Asked by
Alexander
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Alexander
Top achievements
Rank 1
Princy
Top achievements
Rank 2
Mohammed
Top achievements
Rank 2
Peter Filipov
Telerik team
Share this question
or