kendo ui upload in IE 7 and IE 8

[David]

Kendo ui upload display incorrectly in IE 7 and IE 8. There is no select title in the button and it is only empty button. Please advise

[Dimo]

Hi David,

Please refer to the following forum thread, which includes all possible causes of the problem, that we are aware of. Keep in mind that the thread is for the MVC Upload component, so the CSS classes start with ".t-" instead of ".k-".

http://www.telerik.com/community/forums/aspnet-mvc/upload/upload-control---partially-visible.aspx

Regards,
Dimo
the Telerik team

[David]

Hi Dimo,

Thank you for your response.

IE 8 display perfectly now

IE 7:
The text no display correctly. However, the Select button layout still different with Import button which using k-button class. Please advise. Thank you

I modified the following based on the forum link that you gave me.

.k-upload-button input
{
   
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    padding: 0;
    margin: 0;
    cursor: pointer;
    right: 0; top: 0;
    z-index: 1;
}

input.k-upload-button input
{
    font: 200px monospace !important;
}

[Dimo]

Hello David,

The provided forum thread discusses all possible causes of the problem, which we are aware of. If none of the suggested resolutions help, then I am not sure we may provide assistance. Generally, the Upload works correctly on our side in all IE browsers.

Have you researched which is the *exact* cause of the issue - browser security restrictions related to alpha filters, too large font-size, specific scenario on a specific web page, etc?

Regards,
Dimo
the Telerik team

[Jerald]

I have the exact same problem....but the link with the solution does Not work..

http://www.telerik.com/community/forums/aspnet-mvc/upload/upload-control---partially-visible.aspx
^^^^^^^^
This link doesn't exist.

Has it been deleted?

[Dimo]

Hello Jerald,

The mentioned forum thread is no longer accessible, because it is related to the Upload component, which is part of the discontinued Telerik Extensions for ASP.NET MVC. Here is a concised summary of the information available there.

Basically, the problem is caused by the fact that IE's opacity filter does not work in certain cases. This may be a result of:

1. Restrictive browser security settings. The IE security setting, which is responsible for making the IE opacity filter work, is "Binary and script behaviors" and it should be enabled.

A test page, which can be used to find out whether opacity works in general, can be found at: http://jsfiddle.net/9r4xx/3/

2. The file input, which should be invisible, has a too large font size. Generally, it should have a large font size, but not extremely large. We have found out that 200px is a safe and large-enough value, and this is the value that is set in our stylesheet. Values greater than 220px do not work on all machines and are not recommended.

Regards,
Dimo
Telerik