RadAsyncUpload auto fire selection of files

4 posts, 0 answers
  1. Jon
    Jon avatar
    14 posts
    Member since:
    May 2014

    Posted 21 May 2015 Link to this post

    I am working on my own styling of this control because I want it displayed in a small form center of the screen.

    Formatting the "select" button is a little limited and therefore I want to have my own button outside of the actual control itself to fire the selection of files.

    The idea is that when my button is clicked it triggers the RadAsyncUpload control to fire up a dialog to select files using the File Explorer.

    I can't see a method that I can call on the client side for this.

    Is this even possible?

    I have tried styling the button with an image but it is irratic, the div doesnt extend to show the larger image and it all looks a mess.

    If I localise the value to something longer than the word "select" then it flows outside the standard button.

    can anyone offer a suggest as to how to either trigger the selection of files from my own button or substantially style the RAD button to something larger and perhaps image based?

     thanks

    jON

     

  2. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 25 May 2015 Link to this post

    Hi Jon,

    Please test the following styles:
    <style>
        html .RadUpload_Default .ruButton.ruButtonFocus.ruButtonHover {
            background-position: 0 0;
        }
     
        html .RadUpload_Default .ruButton {
            color: #000;
            width:200px;
            height:200px;
        }
     
       html .ruFileWrap.ruStyled {
            width:200px;
            height:200px;
        }
    </style>



    Here is the markup:

    <telerik:RadScriptManager runat="server" ></telerik:RadScriptManager>
     
    <telerik:RadAsyncUpload runat="server" HideFileInput="true" ID="Async1"></telerik:RadAsyncUpload>



    Regards,
    Peter Filipov
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jon
    Jon avatar
    14 posts
    Member since:
    May 2014

    Posted 27 May 2015 in reply to Peter Filipov Link to this post

    Thanks Peter,

    I can see that hides the select files button ... its still rendered just invisible.

    I wonder whether I might be overworking this ... the issue I am having is that the "select" button is far right of the AsyncUploadrow0 element. This div scrolls way top the left of the browser viewport and therefore all attempts to center the button are proving impossible. I have removed the file name input box and simply want the "select files" button centered in my Div.

    Is there a clever way to render the async control "select" button in my div centered horizontally?

    thanks,

    jON

     

  5. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 29 May 2015 Link to this post

    Hi Jon,

    The control does not support such rendering out of the box. You will need to apply custom styles to change its default appearance. 

    Regards,
    Peter Filipov
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top