IE Display Issue

Thread is closed for posting
3 posts, 0 answers
  1. Dan Ehrmann
    Dan Ehrmann avatar
    160 posts
    Member since:
    Jul 2004

    Posted 09 Feb 2012 Link to this post

    Had a few reports from customers that the upload control was not properly displayed. Only a small box was displayed on the screen - no browse button, and nothing happened when clicking.

    I was able to reproduce the problem in IE8 compatibility mode (presumably, this would also happen in IE7 and in IE9  compatibility mode).

    The span wrapper around the file input box was set to overflow:hidden, which chopped off the control display, leaving just a little bit peeking out.

    I added the following to my page to fix the problem:

    <style type="text/css">
    .RadUpload .ruFileWrap {
        overflow:visible !important;


    Since the overflow style in the telerik upload.css file is "!important", I could not find a way to fix the overflow globally - I need to add the above style to every page where the control is used. Is there a better way to do this?

  2. Bozhidar
    Bozhidar avatar
    1142 posts

    Posted 13 Feb 2012 Link to this post

    Hi Dan,

    Actually the problem is that due to a browser bug, a style="width: 80px" is added to the span wrapper, which chops off the contents. To overcome this, you could add the following css:
        width:400px !important;
    Of course you can choose a number that best suits your design.

    Another approach is to remove this style using javascript. Here's the line that does that:
    var upload = $find("<%= RadUpload1.ClientID %>");
    $telerik.$(".ruFileWrap", upload.get_element()).get(0).style.width = "";

    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. MBEN
    MBEN avatar
    174 posts
    Member since:
    Nov 2011

    Posted 13 Feb 2012 Link to this post

    That does solve the issue.

    Thanks for the help.
Back to Top