Width property not working for AsyncUpload inside RadGrid

7 posts, 0 answers
  1. Alexander
    Alexander avatar
    31 posts
    Member since:
    Mar 2012

    Posted 09 Mar 2012 Link to this post

    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.
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 12 Mar 2012 Link to this post

    Hello,

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

    -Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Alexander
    Alexander avatar
    31 posts
    Member since:
    Mar 2012

    Posted 12 Mar 2012 Link to this post

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

  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 12 Mar 2012 Link to this post

    Hello,

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

    Thanks,
    Princy.
  6. Alexander
    Alexander avatar
    31 posts
    Member since:
    Mar 2012

    Posted 12 Mar 2012 Link to this post

    Thanks, that did it.
  7. Mohammed
    Mohammed avatar
    87 posts
    Member since:
    Aug 2011

    Posted 15 Aug 2012 Link to this post

    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 ?
  8. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 16 Aug 2012 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017