ASP Button to trigger RadAsyncUpload

[Pat]

Currently i am working with the RadAsyncUpload Telerik control.  Everything is working as i hoped it would: Validating the number of files clientside, being able to upload multiple files, etc.  So everything works fine.  However, one client has come to me and expressed his dislike for the UI of the button.  Attached should be a screenshot showing an asp button being highlighted and the "Upload Pictures" being the RadAsyncUpload button.  I can't seem to find a way to customize the RadAsyncUpload button to reflect the similar representation that the asp buttons provide (hovering color, buttonsize, onclick color, etc.).  So my question is, is there anyway to add an asp button which would trigger RadAsyncUpload's upload process?

Thanks again for the help,

-  Pat

[Pat]

Bump, need this done by the end of the week if anyone has any ideas.

[Dimitar Terziev]

Hello Pat,

The Select button which in your case is Upload Pictures is using sprite images. You could controls the size of this button by selecting a bigger image from the sprite. Here are the three options available:

<style type="text/css">
    /* large */
    html .RadUpload .ruBrowse
    {
        background-position: 0 -46px;
        margin-left: 4px;
        width: 115px;
    }

    /* medium */
    html .RadUpload .ruBrowse
    {
        background-position: 0 -23px;
        margin-left: 4px;
        width: 80px;
    }

    /* small */

    html .RadUpload .ruBrowse
    {
        background-position: 0 0;
        margin-left: 4px;
        width: 65px;
    }
</style>

As for the hover state, currently no class is applied when the button is hover, but we shall add such functionality shortly.

Regards,
Dimitar Terziev
the Telerik team

[Juan]

hi, i use this css in my stylesheet

html .RadUpload .ruBrowse
{
    background-position: 0 -23px;
    margin-left: 4px;
    width: 80px;
}

this style works correctly, but in event "over" in the button the style is other, in the image "img_over_btn_radasyncupload.png" is the example, what can i do?

[Dimitar Terziev]

Hi,

When you hover the select button, a specific style is applied which is using another sprite, so you should apply new CSS rules for the hover state as well. Please try the following CSS:

.ruButtonHover
        {
            background-position: 100% -23px !important;
            width:80px;
        }

Greetings,
Dimitar Terziev
the Telerik team