FileUpload not decorated

5 posts, 1 answers
  1. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 13 Jul 2009 Link to this post

    Hi. Can the FileUpload control be decorated?

    Daniel
  2. Answer
    Martin
    Admin
    Martin avatar
    585 posts

    Posted 14 Jul 2009 Link to this post

    Hello Daniel,

    RadFormDecorator does not provide styling of upload inputs and such support is not planned, however you can use our RadUpload control.

    Regards,
    Martin Ivanov
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 14 Jul 2009 Link to this post

    Thanks for that Martin. I didn't think it did. I have used the RadUpload control and find it okay. I noticed that it doesn't share the same styling as RadTextBox, where it has a hover effect. Same with the buttons. Is this something that might be included in future releases? Or am I missing something?

    Daniel
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 16 Jul 2009 Link to this post

    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.
  6. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 16 Jul 2009 Link to this post

    Good stuff! Thanks Kamen.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017