Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Upload > RadUpload looks strange in IE 8

Not answered RadUpload looks strange in IE 8

Feed from this thread
  • Kevin Donahue avatar

    Posted on Sep 27, 2011 (permalink)

    I just updated to the latest telerik ajax controls (2011.2 915) and now the RadUpload control looks very strange in IE 8.  No matter what skin I put on it, it just looks like a gray box with a top and right border and no browse button.

    In Firefox it looks correct.


    Any ideas?

    Reply

  • Kevin Donahue avatar

    Posted on Sep 27, 2011 (permalink)

    Here is my page:

    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm2.aspx.vb" Inherits="WebForm2" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">

        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI"
                    Name="Telerik.Web.UI.Common.Core.js">
                </asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI"
                    Name="Telerik.Web.UI.Common.jQuery.js">
                </asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI"
                    Name="Telerik.Web.UI.Common.jQueryInclude.js">
                </asp:ScriptReference>
            </Scripts>
        </telerik:RadScriptManager>

        <telerik:RadUpload ID="RadUpload1" Runat="server" InputSize="50"
                            ControlObjectsVisibility="None" MaxFileInputsCount="1" OverwriteExistingFiles="True"
                            ReadOnlyFileInputs="True" Skin="Web20">
        </telerik:RadUpload>

        <telerik:RadAjaxManager runat="server">
        </telerik:RadAjaxManager>

        </form>
    </body>
    </html>

    Reply

  • Kevin Donahue avatar

    Posted on Sep 27, 2011 (permalink)

    I was wrong, Firefox is playing up as well.  Works in simple scenario (like my test page) but not when I have it in a table.  It just doesn't appear.

    Reply

  • Dimitar Terziev Dimitar Terziev admin's avatar

    Posted on Sep 29, 2011 (permalink)

    Hi Kevin,

    I've made a sample page with the RadUpload situated in a table trying to reproduce the issue, but to no avail.

    Please open a support ticket and provide a runnable sample page with the issue being reproduced so we could examine it locally.

    All the best,
    Dimitar Terziev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Dirk avatar

    Posted on Oct 4, 2011 (permalink)

    I have the exact same problem as the OP. Works in IE6 and firefox though.

    Reply

  • Dimitar Terziev Dimitar Terziev admin's avatar

    Posted on Oct 6, 2011 (permalink)

    Hi Dirk,

    Please try to provide a screenshot showing the problem and the implementation that you are using so I could test it locally.

    All the best,
    Dimitar Terziev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Kevin Donahue avatar

    Posted on Oct 6, 2011 (permalink)

    Here is a screenshot on my machine that is having the problem with IE 8.  The strange thing is, I tried it on another machine and it works fine in IE 8.

    Here is the page:  Notice I added BackColor="gray" and that color shows up where I would expect the browse button to be.  It still works as long as I click on the text box input and that brings up the file selection dialog.

    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm4.aspx.vb" Inherits="Temp.WebForm4" %>

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head runat="server">
    <    title></title>
    </head>
    <body>
    <    form id="form1" runat="server">
    <    telerik:RadScriptManager ID="RadSM1" runat="server">
    </    telerik:RadScriptManager>
    <    telerik:RadUpload ID="RadUpload1" runat="server" InputSize="50" ControlObjectsVisibility="None" MaxFileInputsCount="1" OverwriteExistingFiles="True" ReadOnlyFileInputs="True" BackColor="gray" TargetFolder="~/Images/">
    </    telerik:RadUpload>
    <    telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true" EnableViewState="False"></telerik:RadAjaxManager>

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server" Skin="Default" Transparency="0" EnableViewState="False">
    </    telerik:RadAjaxLoadingPanel>
    </    form>
    </body>
    </html>

     

    Attached files

    Reply

  • Dimitar Terziev Dimitar Terziev admin's avatar

    Posted on Oct 11, 2011 (permalink)

    Hello Kevin,

    I've tested the sample mark-up provided with the latest official version of the controls and the upload is shown properly in IE8.

    Since you have mentioned that this only happens on your machine, please check whether you have some specific add-on on the browser which might be causing this strange behavior or some custom settings.

    All the best,
    Dimitar Terziev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Kevin Donahue avatar

    Posted on Oct 11, 2011 (permalink)

    It has to be something that has changed in the latest version of the Telerik control.  When I reference an older Telerik.Web.UI.dll the RadUpload control displays properly with the browse button (see attached image).  However, when I use the latest version (2011_2_915) the control gets rendered as you saw in my previous post.  The Telerik.Web.UI version that does work is Telerik.Web.UI_2010_2_826.  I also think it was working in version 2011_2_712, but I can't verify that as that version has been replace by 2011_2_915 on my development machine.

    I don't have any toolbars installed in IE 8.

    Can you think of any settings I should be looking at in IE?
    Attached files

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Oct 14, 2011 (permalink)

    Hello Kevin Donahue,

    We are still unable to reproduce the problem, on our side the upload looks pretty fine. Could you please make sure that your IE is configured to display JavaScript errors:

    1) Go to Tools
    2) Internet Options
    3) Advanced
    4) Make sure that there is no thick on "Disable JavaScript debugging"

    If there are no JavaScript errors, however, the upload still renders the same way please install Internet Explorer developer toolbar and check in what mode is your IE running. I am attaching a screenshot showing where you should look.


    All the best,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
    Attached files

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Oct 14, 2011 (permalink)

    Hi Kevin Donahue,

    Please try removing the InputSize setting from your upload declaration. Does the problem persist? We believe that changing the input size triggers such issue in some environments (always with IE8).

    All the best,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Alain avatar

    Posted on Oct 21, 2011 (permalink)

    I have a similar issue. With the SP1, the browse button disappear. I'm no longer see any selection but it is there because the upload works.

    I will dig a little bit in the problem next monday. If you find something let me know, I will follow this thread and keep you informed of what I found.



    I'm starting to running out of time right now and I need to deliver something....

    Reply

  • Kevin Donahue avatar

    Posted on Oct 23, 2011 (permalink)

    Sorry, I've been busy on other things, so its taken me a while to get back to this.

    Ok, so I got rid of the InputSize and, yes, the browse button is now there.  However, my form looks funny if that input is not sized properly.  Is there a work around for this?  Or is this something that will be addressed in a future release?

    I have no javascript errors (my "Disable JavaScript debugging" setting is unticked)

    And after downloading the IE developer toolbar, it says my Browser Mode is IE8 and my Document Mode is IE8 Standards.

    Anything else you want me to check to help solve this issue?

    BTW, Genady, you attached the wrong screen shot.

    Reply

  • Alain avatar

    Posted on Oct 24, 2011 (permalink)

    Interresting! When the InputSize is more than 20 it overlaps the browse button. There is something wrong with the template. How to customize or modify the RadUpload template? This is what I'm looking for and the only workaround I can see.

    [...]

    Definitly, I can't find a workable solution. I reduced de InputSize from 55 to 20 to temporarily fix the problem. The control with is wide enough but the the input size is too small. I hope that this problem will be fixed in the next release.

    <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" CdnSettings-TelerikCdn="Disabled"/>
     
     <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableCdn="false" CdnSettings-TelerikCdn="Disabled">
            <Scripts>
              <%--Needed for JavaScript IntelliSense in VS2010--%>
              <%--For VS2008 replace RadScriptManager with ScriptManager--%>
              <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
              <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
              <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>     
     </telerik:RadScriptManager>
     
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
          </telerik:RadAjaxManager>
     
    <telerik:RadUpload ID="RadUpload1" runat="server" InputSize="20" InitialFileInputsCount="1"
                       Width="450px" Skin="Web20" OnValidatingFile="RadUpload1_ValidatingFile"
                       ControlObjectsVisibility="RemoveButtons, AddButton">
         
      <Localization   Select="<%$ Resources:RadUpload, Select %>"
                      Remove="<%$ Resources:RadUpload, Remove %>"
                      Add="<%$ Resources:RadUpload, Add %>"
                      Clear="<%$ Resources:RadUpload, Clear %>"
                      Delete="<%$ Resources:RadUpload, Delete %>" />
     
    </telerik:RadUpload>

    Reply

  • Kevin Donahue avatar

    Posted on Oct 24, 2011 (permalink)

    Hi Alain,

    You might be able to adjust it using CSS.  You can override the Telerik CSS classes, make sure you use !important if you want to make sure your style gets applied.

    I tried it out in other browsers on my machine.  Firefox seems ok, not sure why I thought that wasn't working before.  Strange that Opera resizes differently to the others.  See my image attached.
    Attached files

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Oct 25, 2011 (permalink)

    Hi guys,

    I believe we are facing a weird filter bug in IE8. The Upload uses an opacity filter to overlay the default file input's Select button. This filter is implemented as an ActiveX control in IE versions 8 and below. As such, it is subject to security settings and can be accidentally disabled. Apart from this, it seems that the filter is failing in if there is Zoom applied to a page. Do you guys use pages that have zoom?

    I've that following suggestion, could you try using this CSS on pages with RadUpload:

    <style type="text/css">
            .ruFileInput
            {
                zoom: 1.03 !important;
            }
        </style>

    Does this change anything?

    All the best,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Alain avatar

    Posted on Oct 25, 2011 (permalink)

    Hi Genady,

    I try your suggestion and now I can see the Browse button in IE 8. However, the button is not clickable, the opacity filter for the browse (select) button still overlap the the RadInput field as you can see below.



    With firefox, that works correctly. With IE, the page zoom option seems to change nothing. I let it to 100%.

    Is that help? Do you have another suggestion?

    Thanks
    Alain
    Attached files

    Reply

  • Kevin Donahue avatar

    Posted on Oct 25, 2011 (permalink)

    Same thing here.  Clicking on the Browse button does nothing.  I have to click on the smaller top-most grey input for the file dialog to come up.

    I don't do anything with zoom on my page.

    Attached files

    Reply

  • Dirk avatar

    Posted on Oct 26, 2011 (permalink)

    Hello,

    I would like to try the mentioned css fixes but the problem is the upload control which shows the problem for me is the one used by the radeditor. it is shown in a radWindow dialog which uses an iframe, thus it does not see the css fix.
    How can I apply these fixes for controls which are not directly controlled by me and loaded in a radwindow?

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Oct 27, 2011 (permalink)

    Hi,

    Before trying the CSS classes first try this:

    Set the following option to "Enable" in Internet Explorer: "Internet Options -> Security -> Internet (or Local intranet) -> Custom Level -> Binary and script behaviors"

    Does the issue persist?

    As for the css classes, simply place

    <style type="text/css">
            .ruFileInput
            {
                zoom: 1.03 !important;
            }
        </style>

    On the page that is opened inside the RadWindow or, in the case with Editor, on the page that contains the editor.

    Greetings,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Alain avatar

    Posted on Oct 27, 2011 (permalink)

    Hi Genady,

    In my case the "Binary and script behaviors" option was and it is still enable for the two levels : Internet and Local Intranet.

    The control is working but the Input size is limited to 20 characters. The width of 450px is wide enough and when I try to increase the Input Size, the Browse (select) button disappear and a kind of filter overlap the Input area. The control is still working but the text in the Input area is hidden by this kind of filter. The CSS trick partially fixed the problem by displaying the Browse button but the filter stay there and the button is still not clickable.

    This control was working fine in the previous release and my QA is not happy with this small RadInput. Is it possible to just restore the previous RadUpload control?

    Alain

    Reply

  • Kevin Donahue avatar

    Posted on Oct 28, 2011 (permalink)

    Mine was already enabled as well for internet, intranet and trusted sites.

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Nov 1, 2011 (permalink)

    Hi all,

    Have you tried applying zoom:1 to the .ruFileInput css class?

    The reason it was working in the previous version and is not working now, is that we have changed the way the invisible input is positioned under the fake input in order to solve annoying bug in IE6/7/8 where the select button was not clickable. However, as it seems, we have introduced another bug, again in IE/6/7/8, where the opacity filter is not applied to the real input in some (yet unknown) cases.

    We have did some changes to the positioning styling for the Q3 beta release. Have any of you guys tried out the beta yet?

    Regards,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Alain avatar

    Posted on Nov 1, 2011 (permalink)

    Hi Genady,

    I played a little bit with the zoom factor to the .ruFileInput css class.

    With Zoom factor < 1.02 => No Browse Button available.
    With Zoom factor >= 1.03 => The browse button appears but is not clickable / The filter over the input area start stretching.
    With Zoom factor = 1.05 => The filter almost disappears and the input area became an standard input text / The browse button is still not clickable ( see picture).


    With Zoom factor > 1.06 => The filter totally disappear and the input area is like a standard input text / The browse button is still not clickable / The selection is impossible.

    Then, I installed the the Q3 release, I modified my application because only the default skins seems available, and I have the same problem.

    What can I do?

    Alain
    Attached files

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Nov 8, 2011 (permalink)

    Hi,

    We did slight changes to the RadUpload css for the upcoming Q3 release. More specific, it is now possible to fine tune the file input size. We discovered that decreasing the hidden input size fixes the opacity filter bug. Before the Q3 release, the following style was set to the hidden file input:

    .RadUpload input.ruFileInput
    {
        font: 200px monospace !important;
    }

    As you can see, it is set with !important, so that it is not possible to override it. Now we have removed the important declaration and it is possible to decrease the size and override the default style. Here is how:

    div.RadUpload input.ruFileInput
    {
         font: 50px monospace
    }

    I hope that this helps.


    Kind regards,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Nov 8, 2011 (permalink)

    Hi guys,

    We have developed a test whether IE refuses to make file input elements transparent. You can find it here:

    http://jsfiddle.net/VwP5f/




    All the best,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Alain avatar

    Posted on Nov 8, 2011 (permalink)

    Good News!

    How many time left before the Q3 release? I guess this is for the end of November.

    In mid time, can we do something or we just have to be patient?

    Thanks
    Alain

    Reply

  • Kevin Donahue avatar

    Posted on Nov 9, 2011 (permalink)

    Is this what that test page should look like?
    Attached files

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Nov 14, 2011 (permalink)

    Hi Kevin,

    No, it seems that your IE fails to filter the hidden input. Could you please try decreasing the font: 500px monospace. You can try doing with a step of 100px until your reach 100px and then with a step of 20px. Does at some point the problem vanish? Thank you for your cooperation!

    Alain, the Q3 release is due to few days, it should be released by the end of this week. Until it is released, you can try setting the EnableFileInputSkinning property to false.


    All the best,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Slava avatar

    Posted on Nov 21, 2011 (permalink)

    Genady, I've removed the "InputSize" setting but the "Select/Browse" button still is not showing on the page, in IE8, works fine in IE9 and FireFox. What am I missing? I thought as long as I wouldn't use "InputSize" everything should work properly with the new telerik version.

    <

     

     

    telerik:RadUpload ID="RadUpload1" runat="server" ControlObjectsVisibility="None" Skin="Default" MaxFileInputsCount="1" TabIndex="8">

     

     

     

    <Localization Select="Browse" />

     

     

     

    </telerik:RadUpload>

     

    Reply

  • Alain avatar

    Posted on Nov 21, 2011 (permalink)

    Last Thursday, I upgraded the AJAX components and added the new theme style in reference and everything work fine with IE8, IE9 and Firefox.

    Thank you very much.

    <telerik:RadUpload ID="RadUpload1" runat="server" Width="450px" InputSize="55"  InitialFileInputsCount="1"
                        OnValidatingFile="RadUpload1_ValidatingFile"
                       ControlObjectsVisibility="RemoveButtons, AddButton">
         
      <Localization   Select="<%$ Resources:RadUpload, Select %>"
                      Remove="<%$ Resources:RadUpload, Remove %>"
                      Add="<%$ Resources:RadUpload, Add %>"
                      Clear="<%$ Resources:RadUpload, Clear %>"
                      Delete="<%$ Resources:RadUpload, Delete %>" />
     
    </telerik:RadUpload>

    However, I don't understand why its not working for Slava. I've removed the 'Width' and 'InputSize' and I also set the 'ControlObjectsVisibility' to None and everything work as expected.

    Slava, try to set the InitialFileInputsCount="1". This is the only thing I can see. I'm also not using the Skin parameter because it is set in the Web.Config in my application.

    Alain

    Reply

  • Slava avatar

    Posted on Nov 21, 2011 (permalink)

    Adding InitialFileInputsCount="1" didn't help. I've had that exact code before we've upgraded to the next telerik's version, and everything worked fine, even with "InputSize", so I don't think the Skin setting would be a problem but I've removed it, just in case, and it still not showing the "Select" button.

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Nov 25, 2011 (permalink)

    Hi Slava,

    It seems that there is something specific regarding your environment that we are not aware of. I have the following suggestion, could you please place this style on the page and let us know how it is going. Is the problem resolved?

    .ruFileInput
           {
               font: 11px/10px "Segoe UI",Arial,sans-serif !important;
           }


    Greetings,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Kræn Munck avatar

    Posted on Dec 19, 2011 (permalink)

    Hi,

    You can also try downgrading to 2011.1.621.40 .. we're seeing some strange control hovering, but atleast the select button is there :)

    Latest versions are broken! Telerik demos will verify that!

    See attached image..
    Attached files

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Dec 21, 2011 (permalink)

    Hello Kræn Munck,

    Have you tried the suggestion from my previous replay?

    Kind regards,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Greg avatar

    Posted on Jan 18, 2012 (permalink)

    I ran into this same problem and I have the solution!!! The problem is in the RadUpload InputSize property. If InputSize is <= 57 it works correctly. If InputSize is >= 58 it does not render properly. Note that I'm using the Office2007 skin. Here is my test page...

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>
      
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      
    <head runat="server">
        <title></title>
        <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <%--Needed for JavaScript IntelliSense in VS2010--%>
                <%--For VS2008 replace RadScriptManager with ScriptManager--%>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>
        </telerik:RadScriptManager>
        <script type="text/javascript">
            //Put your JavaScript code here.
        </script>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        </telerik:RadAjaxManager>
        <div>
      
            <telerik:RadUpload ID="RadUpload1" Runat="server" InputSize="57">
            </telerik:RadUpload>
      
            <telerik:RadUpload ID="RadUpload2" Runat="server" InputSize="58">
            </telerik:RadUpload>
        </div>
        </form>
    </body>
    </html>

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Jan 25, 2012 (permalink)

    Hello Kevin,

    Thanks for pointing this to us. I've forwarded to our QA, however, at least on my machine I was not able to reproduce it. It seems that there it is a combination of IE security settings and configuration of RadUpload that is triggering the problem.

    All the best,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

    Reply

  • Tonino Intermediate avatar

    Posted on Feb 24, 2012 (permalink)

    Hello!

    I've a similar problem here with running IE in compatibility mode set in web.config:
    <httpProtocol>
       <customHeaders>
          <add name="X-UA-Compatible" value="IE=EmulateIE7" />
       </customHeaders>
    </httpProtocol>


    The markup looks like this:
    <div>
       <telerik:RadUpload ID="upload" runat="server" Skin="Default" MaxFileInputsCount="1"
          ControlObjectsVisibility="None" EnableFileInputSkinning="false"
          OnClientFileSelected="ClientFileSelected" ReadOnlyFileInputs="true" />
       <telerik:RadUpload ID="RadUpload1" runat="server" InputSize="57">
       </telerik:RadUpload>
       <telerik:RadUpload ID="RadUpload2" runat="server" InputSize="58">
       </telerik:RadUpload>
    </div>

    See the attached file for how the output looks! The 'browse'-button is missing. The second and third RadUpload control are copied from Greg's post above and look ok, but the one I need doesn't look ok. Version of the telerik controls I'm using: 2011.3.1305.40


    Update:
    Found the culpit! Removing EnableFileInputSkinning="false" shows the 'browse'-button again!


    Regards,
    Tonino.
    Attached files

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Feb 29, 2012 (permalink)

    Hello Tonino,

    We are aware of that problem and have already resolved it. The fix will be available with the next service pack.

    Regards,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

    Reply

  • Nuno avatar

    Posted on Mar 9, 2012 (permalink)

    Genady, when the fix will be available ? Have any date ?

    I have the same issue.

    Thanks

    Reply

  • Genady Sergeev Genady Sergeev admin's avatar

    Posted on Mar 14, 2012 (permalink)

    Hello Nuno,

    The service pack is scheduled for the mid of April. Is this an urgent problem for you? If so, you can utilize the latest internal build, which contains the fix as well. You can find more information regarding the latest internal build here.

    Kind regards,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

    Reply

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Upload > RadUpload looks strange in IE 8
Related resources for "RadUpload looks strange in IE 8"

[  ASP.NET Upload Features  |  Documentation  |  Demos  |  Telerik TV  |  Self-Paced Trainer  |  Step-by-step Tutorial  ]