Upload on Ajax ModalPopupExtender in IE8 Compatibility Mode

[Dave]

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?

[Plamen]

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