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

FileUpload not decorated

4 Answers 110 Views

FormDecorator

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

4 Answers, 1 is accepted

Accepted

answered on 16 Jul 2009, 08:51 AM

Hello Daniel,

Yes, there are no button and textbox hovers in RadUpload. We are considering adding them in the future, for now you can use this little javascript to add partial support to button hovers:
function pageLoad() {
    var $ = $telerik.$;

    $('.ruButton:not(.ruBrowse)')
        .live('mouseover', function(e) {
            var target = $(e.target);
            if (!target.hasClass('ruButtonHover'))
                target.addClass('ruButtonHover');
        })
        .live('mouseout', function(e) {
            $(e.target).removeClass('ruButtonHover');
        });
    $('.ruFileInput')
        .live('mouseover', function(e) {
            var target = $(e.target);
            var parentButton = $('.ruButton', target.parent());
            if (!parentButton.hasClass('ruButtonHover'))
                parentButton.addClass('ruButtonHover');
        })
        .live('mouseout', function(e) {
            $('.ruButton', $(e.target).parent()).removeClass('ruButtonHover');
        });
}

You should also add this CSS to style them:
div.RadUpload .ruButtonHover,
div.RadUploadProgressArea .ruButtonHover
{
    background-image: url('images/rcbHoverSprite.png');
}

If you can't edit the hover sprite yourself, just tell me for which skin you need it and I will do it for you.

Greetings,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.