kendo ui upload in IE 7 and IE 8

6 posts, 0 answers
  1. David
    David  avatar
    20 posts
    Member since:
    Oct 2012

    Posted 12 Feb 2013 Link to this post

    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
  2. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 14 Feb 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. David
    David  avatar
    20 posts
    Member since:
    Oct 2012

    Posted 14 Feb 2013 Link to this post

    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;
    }




  5. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 18 Feb 2013 Link to this post

    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!
  6. Jerald
    Jerald avatar
    1 posts
    Member since:
    Mar 2014

    Posted 06 May 2014 Link to this post

    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?
  7. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 07 May 2014 Link to this post

    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!
     
Back to Top
Kendo UI is VS 2017 Ready