This is a migrated thread and some comments may be shown as answers.

kendo ui upload in IE 7 and IE 8

5 Answers 82 Views
Upload
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 13 Feb 2013, 01:51 AM
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

5 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 14 Feb 2013, 02:09 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
David
Top achievements
Rank 1
answered on 15 Feb 2013, 12:44 AM
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;
}




0
Dimo
Telerik team
answered on 18 Feb 2013, 03:31 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Jerald
Top achievements
Rank 1
answered on 06 May 2014, 06:40 PM
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?
0
Dimo
Telerik team
answered on 07 May 2014, 07:20 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Upload
Asked by
David
Top achievements
Rank 1
Answers by
Dimo
Telerik team
David
Top achievements
Rank 1
Jerald
Top achievements
Rank 1
Share this question
or