I'm seeing an issue in Firefox 2, Firefox 3.5 and IE8 (surprisingly IE7 is working, or at least compatibility view is) in which skinning a RadUpload is causing the hidden input control to appear over the skinned items.
I copied one of the provided Telerik skins and put it into App_Themes/Default/RadControls/Default/Upload (following the same pattern as all of our other skinned controls, which are working properly) and added the following to the skin file:
<rad:RadUpload runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false" />
Then I added the following to the .ascx file that I was working with:
<rad:RadUpload runat="server" ID="documentUpload" InitialFileInputsCount="3" Skin="Default" />
I have made no other changes to the skin files, except changing the original name of the skin in the css file to Default (as I didn't pick the Telerik Default skin). Also, I used Firebug to double check that the css being used
was the css class that was in our files and not the one from the
WebResource file, and it was. I had planned on making more changes to the files, but ran into the issue described below.
When you scroll the mouse over the select button or any of the input fields, the hidden input that the user isn't supposed to see becomes visible. I attempted to upload an image with this post, but the image wouldn't show properly, I will try to comment on this once it's posted and add the image. Basically you see a separate upload control over your skinned ones when you hover over the text boxes or select fields. I'm assuming this is the hidden upload control, but I can't find a way to hide it, and I'm not sure why this is happening with just a copy of one of the provided Telerik skins.
We're using RadControls for ASP.NET AJAX Q2 2009.