How to hide select button in AsyncUpload

[Daniel]

Hi, I need help with AsyncUpload i dont know  how to hide select button.Help me please.

[Shinu]

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.

[Kate]

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

[Daniel]

Thanks for your help shinu, the select button now is hidden!

[Daniel]

Thanks for your help also Kate

[Will]

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

[Kate]

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

[Mark Hynes]

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...