Upload on Ajax ModalPopupExtender in IE8 Compatibility Mode

Thread is closed for posting
2 posts, 0 answers
  1. Dave
    Dave avatar
    1 posts
    Member since:
    Feb 2011

    Posted 29 May 2012 Link to this post

    I have an internal site that runs under IE8 with Intranet settings, and thus runs in Compatibilty mode.  I do not have the access or permission to force the site into regular mode using headers or IIS - in other words, it must run in Compatibility mode.

    On the site, I have an Upload control that resides on an asp:Panel, that is associated with the ajax control toolkit's ModalPopupExtender.  The Upload control is set to use 3 input boxes.

    When the user opens the modal, and I have enablefileinputskinning="false", the input boxes have an inline style assigned that sets the width as 15px (see attached image fileskinfalse.png).  If I set the enablefileinputskinning="true", the input boxes are the correct size, but are transparent through the modal down to the page, and the user can't interact with the elements (see image fileskintrue.png).

    Any thoughts or ideas on how to get the input boxes to show correctly?

  2. Plamen
    Plamen avatar
    2810 posts

    Posted 01 Jun 2012 Link to this post

    Hello Dave,

    Thank you for contacting Telerik support.

    It seems that the issue you are observing is connected with the file input appearance that is described in this help topic. I will recommend you to set the desired Width property of RadUpload and also try the following css:

    .ruFakeInput {
           width: 300px;
       .RadUpload {
           width: 400px;
           margin: 0px;
           padding: 0px;

    Hope this will be helpful. 
    Kind regards,
    Plamen Zdravkov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top