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

How to hide select button in AsyncUpload

7 Answers 348 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 25 May 2012, 10:34 AM
Hi, I need help with AsyncUpload i dont know  how to hide select button.Help me please.

7 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 25 May 2012, 11:00 AM
Hi Daniel,

Try setting the following CSS.
CSS:
<style type="text/css">
.RadUpload .ruBrowse
{
 display:none !important;
}
.RadUpload .ruStyled .ruFileInput
{
position:relative !important;
}
</style>

Thanks,
Shinu.
0
Accepted
Kate
Telerik team
answered on 25 May 2012, 11:02 AM
Hi,

With the Default skin of the RadAsyncUpload control you can use the following css class selector:
<style type="text/css">
        div.RadUpload_Default .ruButton,
        div.RadUploadProgressArea_Default .ruButton
        {
            background-image: none;
            
        }
    </style>

markup:
<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1"            Localization-Select=""            MaxFileInputsCount="1">
       </telerik:RadAsyncUpload>

In case you are using any other skin you simply will need to change the Default with the name of your skin.

Greetings,
Kate
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.
0
Daniel
Top achievements
Rank 1
answered on 25 May 2012, 11:23 AM
Thanks for your help shinu, the select button now is hidden!
0
Daniel
Top achievements
Rank 1
answered on 25 May 2012, 11:25 AM
Thanks for your help also Kate
0
Will
Top achievements
Rank 1
answered on 28 May 2012, 09:23 PM

Sorry for asking this on this thread but it's related.

I'm coding something here and I've hidden the 'Select' button successfully but I'm trying to trigger the 'select button''s click through a Javascript and haven't found a way to do so.

Tried the following but nothing works.

$telerik.$(".ruButton ruBrowse").click();
 
$telerik.$(".ruBrowse").click();
 
$(".ruButton ruBrowse").click();

Is it possible or any suggestion?

Thanks in advance,
Will

0
Kate
Telerik team
answered on 31 May 2012, 02:16 PM
Hi Will,

The functionality that you need to achieve is available in most of the browsers except for the IE. You can use the following code (find the input by its css class) to trigger the click event:
$telerik.$(".ruFileInput").click();

Regards,
Kate
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.
0
Mark Hynes
Top achievements
Rank 1
answered on 02 Jul 2012, 02:20 PM
So you do you guys recommend making this work in IE?  I know if I create a simple hidden file input, and use similar jquery the file input box opens no problem...
Tags
AsyncUpload
Asked by
Daniel
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Kate
Telerik team
Daniel
Top achievements
Rank 1
Will
Top achievements
Rank 1
Mark Hynes
Top achievements
Rank 1
Share this question
or