Edit this page

How to Hide Input Textbox

caution

RadUpload has been replaced by RadAsyncUpload, Telerik’s next-generation ASP.NET upload component. If you are considering Telerik’s Upload control for new development, check out the documentation of RadAsyncUpload or the control’s product page. If you are already using RadUpload in your projects, you may be interested in reading how easy the transition to RadAsyncUpload is and how you can benefit from it in this blog post. The official support for RadUpload has been discontinued in June 2013 (Q2’13), although it is still be available in the suite. We deeply believe that RadAsyncUpload can better serve your upload needs and we kindly ask you to transition to it to make sure you take advantage of its support and the new features we constantly add to it.

This article shows how to completely hide the input textbox field of the RadUpload so that only the Select button is shown.

Here is the RadUpload declaration:

<telerik:radupload id="RadUpload1" runat="server" width="230px" controlobjectsvisibility="None"
    targetfolder="uploads" initialfileinputscount="1">              
</telerik:radupload>

Here is the CSS rules you need to place in the <head> section of your page:

<style type="text/css">
    div.RadUpload .ruFakeInput
    {
        visibility: hidden;
        width: 0;
        padding: 0;
    }
    div.RadUpload .ruFileInput
    {
        width: 1;
    }
</style>

Here is the final result:

File Input Hidden

See Also