RadUpload Width="100%" problem

Thread is closed for posting
6 posts, 0 answers
  1. shunman
    shunman avatar
    77 posts
    Member since:
    Jul 2011

    Posted 23 Mar 2012 Link to this post

    Hello Telerik.
    I have to make RadUpload Control width=100%.

    I set to width property "100%" but it wasn't work.

    please let me know how can i make sure width property 100%?
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 23 Mar 2012 Link to this post

    Hello Shunman,

    You have to set InputSize property to an integer value to increase the width of all file input elements.
    aspx:
    <telerik:RadUpload ID="Radupload1" Width="100%" runat="server" EnableFileInputSkinning="true"   InputSize="100">
    </telerik:RadUpload>
    Also take a look at the following help documentation.
    File Input Appearance

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. shunman
    shunman avatar
    77 posts
    Member since:
    Jul 2011

    Posted 25 Mar 2012 Link to this post

    Hi Shinu. thanks you for answering.

    I had tried following your answer. It had static width.
    I would like make width dynamically along the Browser width.

    There is a way for solution?

    Thanks.


  5. Plamen
    Admin
    Plamen avatar
    2731 posts

    Posted 28 Mar 2012 Link to this post

    Hello Shunman,

     
    Unfortunately such behavior is not supported by RadUpload.

    Please excuse us for this limitation of our control. 
     

    Greetings,
    Plamen Zdravkov
    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.
  6. Erik
    Erik avatar
    24 posts
    Member since:
    Sep 2013

    Posted 02 Jun 2014 in reply to Plamen Link to this post

    I have the same problem.
    Is there already a solution / workaround for this issue?
  7. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 05 Jun 2014 Link to this post

    Hi Erik,

    The properties Width and Height work in most cases only for pixels unit. If you would like to make the RadUpload fluid (expanded to its parent) you can apply the following code:
    CSS
    html .RadAsyncUpload {
        width: 100%;
    }
     
    html .RadAsyncUpload .ruFileWrap {
        display: block;
    }
     
    .ruFakeInput  {
        display: inline-block;
    }

    JavaScript
    var $ = $telerik.$;
     
    function pageLoad() {
     
        var maxWidth = $(".ruFileWrap ").innerWidth(),
            buttonWidth = $(".ruButton ").outerWidth(true),
            inputWidth = maxWidth - buttonWidth;
     
        $(".ruFakeInput").outerWidth(inputWidth);
    }

    You can find a sample project in the attachment.

    Regards,
    Magdalena
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017