How to hide select button in AsyncUpload

8 posts, 1 answers
  1. Daniel
    Daniel avatar
    7 posts
    Member since:
    Jul 2012

    Posted 25 May 2012 Link to this post

    Hi, I need help with AsyncUpload i dont know  how to hide select button.Help me please.
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 25 May 2012 Link to this post

    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.
  3. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 25 May 2012 Link to this post

    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.
  4. Daniel
    Daniel avatar
    7 posts
    Member since:
    Jul 2012

    Posted 25 May 2012 Link to this post

    Thanks for your help shinu, the select button now is hidden!
  5. Daniel
    Daniel avatar
    7 posts
    Member since:
    Jul 2012

    Posted 25 May 2012 Link to this post

    Thanks for your help also Kate
  6. Will
    Will avatar
    2 posts
    Member since:
    May 2012

    Posted 28 May 2012 Link to this post

    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

  7. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 31 May 2012 Link to this post

    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.
  8. Mark Hynes
    Mark Hynes avatar
    1 posts
    Member since:
    Mar 2010

    Posted 02 Jul 2012 Link to this post

    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...
Back to Top