Width in IE8

35 posts, 0 answers
  1. David
    David avatar
    18 posts
    Member since:
    Apr 2008

    Posted 20 Oct 2008 Link to this post

    I understand that IE8 is still beta, but wondering if you guys are testing against it yet.  I have placed a combobox on a form and bound it to a simple list.  View this page in IE8 Compatibility Mode and everything looks great - normal sized box.  However, if I turn off compatibility mode the combo stretches to the full width of the window.  It stretches regardless of any width I may have specified directly on the control.

    Is this a bug with IE8 or with the controls?

    BTW, looks fine in other browsers I have tested, but eventually MS will push IE8 out the door and want to be ready for it.
  2. Rosi
    Admin
    Rosi avatar
    2529 posts

    Posted 21 Oct 2008 Link to this post

    Hi David,

    RadComboBox works as expected at our side. We have tested with IE 8 beta 2. Do you use the same version?

    Please see the attached image for a reference.

    Regards,
    Rosi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. oVan
    oVan avatar
    35 posts
    Member since:
    Apr 2008

    Posted 21 Oct 2008 Link to this post

    I have the same problem as David. This happens on Vista, maybe the XP-build of IE8 is different.
  4. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 21 Oct 2008 Link to this post

    Hi oVan,

    As it is explicitly stated on our Browser Support page we do not officially support browsers in beta stage. Still, we'll do our best to look into that issue and try to fix it.

    Sincerely yours,
    Paul
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  5. oVan
    oVan avatar
    35 posts
    Member since:
    Apr 2008

    Posted 21 Oct 2008 Link to this post

    I know about your position concerning beta browsers. Just wanted to clarify that the prob is there on Vista and the screenshot you posted seemed like XP or Windows Server.
    Thanks
  6. Rosi
    Admin
    Rosi avatar
    2529 posts

    Posted 21 Oct 2008 Link to this post

    Hi all,

    We have managed to reproduce the problem and we will fix it since IE 8 becomes official.

    Greetings,
    Rosi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  7. Jimmie
    Jimmie avatar
    20 posts
    Member since:
    Nov 2008

    Posted 26 Feb 2009 Link to this post

    RadDatePicker is currently exhibiting the 100% width issue in IE 8 RC1 Standards mode.

    The culprit is an inline style that is being generated. It is almost as if there is a typo in the code somewhere, the inline style in IE 8 (IE 7 Mode) is 74px, but in IE8 standards mode is 741px. 

    I've tested with both the Q3 2008 (1314) release as well as Q1 2009 (220).

    I understand your policy on supporting browsers in Beta, but it would be great if you could slip a fix in for the Final Q1 2009 release. :)

  8. Dimo
    Admin
    Dimo avatar
    8446 posts

    Posted 04 Mar 2009 Link to this post

    Hello Jimmie,

    We are aware of the pickers' width problem in IE8, thank you. I am afraid we will not be able to slip the fix for Q1 2009 as the schedule is rather tight at the moment, but we will have it in mind for Q1 2009 SP1.

    All the best,
    Dimo
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  9. Mark
    Mark avatar
    41 posts
    Member since:
    Nov 2008

    Posted 19 Mar 2009 Link to this post

    IE8 was released today, and I'm also experiencing the issue with RadCombo and date/time picker widths (they stretch to fill their container width, regardless of the width I set).

    Please advise as to how to resolve these issues.



  10. Jimmie
    Jimmie avatar
    20 posts
    Member since:
    Nov 2008

    Posted 19 Mar 2009 Link to this post

    Until we get an official fix, you can wrap the controls that are exhibiting this behaviour (datepicker, combobox, etc.) in a floating element with the same width that you are specifying on the control.

    Example:

    <div style="float:left; width: 100px">
        <telerik:RadDatePicker ID="RadDatePicker1" runat="Server" Width="100" />
    </div>

    The only downside is having to make sure to properly clear the floats.

    I have tested this *fix* in IE (6,7,8), FF, and Chrome.
  11. Marco Piumi
    Marco Piumi avatar
    32 posts
    Member since:
    Apr 2005

    Posted 20 Mar 2009 Link to this post

    The problem in IE8, is present in RadInput (RadNumericTextBox) too.
    The width became 100% Conatiner Width (for example a table cell).

    Pressing "Compatibility Button" in IE8 , the control works fine !!!
  12. Zach
    Zach avatar
    18 posts
    Member since:
    Jan 2006

    Posted 20 Mar 2009 Link to this post

    So is this still not going to be fixed until Q1 2009 SP1 is released?  
  13. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 20 Mar 2009 Link to this post

    Hi all,

    We are still working on all outstanding issues and will try to provide full IE 8 support for our Q1 2009 SP1 release (expected in the beginning of the April).

    Sincerely yours,
    Helen
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  14. Zach
    Zach avatar
    18 posts
    Member since:
    Jan 2006

    Posted 20 Mar 2009 Link to this post

    According to the intarwebs, Bill Gates will be pushing IE8 through Windows Update on April 13 and Automatic Update on April 27.  Hope all the bugs are smoothed out by then.

    http://www.neowin.net/news/main/09/03/19/ie-8expected-windows-update-and-automatic-updates-schedule
  15. Mark
    Mark avatar
    41 posts
    Member since:
    Nov 2008

    Posted 20 Mar 2009 Link to this post

    I must admit to being a bit disappointed in this response.

    Internet Explorer 8 has been available to developers in various beta and release candidate forms for quite some time now. And this forum thread was originally started by David in October of 2008. In my opinion, the Telerik development team had plenty of time to get ready for the release of IE8. What's more, I believe support for IE8 should have been a top priority for the Q1 2009 release - even over new features.

    Yes, things work fine in IE8 if compatibility mode is engaged, so at least there's a workaround. And I suppose the beginning of April isn't far off, but it would have been nice to see Telerik ahead of the curve on this one.
  16. Jimmie
    Jimmie avatar
    20 posts
    Member since:
    Nov 2008

    Posted 20 Mar 2009 Link to this post

    @Mark:
    While I would like everything to magically work now that IE 8 is final, it is not really fair to expect Telerik to have all of the IE 8 specific bugs worked out by the time the browser was released in final form (No matter how many beta's and RC's there were). IE 8 had some pretty significant changes between the betas and RC. And even though RC should have been very close to final, they have obviously continued to make significant changes between RC and the final build.

    An example of one of these changes and the Telerik controls I've experienced was with the RadWindow. In Beta 2 and RC the iframe inside the RadWindow would not properly fill 100% height unless you manipulated the dom after page load. In IE 8 Final, the iframe behaves correctly. This was without any changes from Telerik to the RadWindow.

    Telerik has always been on top of their game when it comes to supporting the latest browsers. I believe that if it would have been realistic to have full IE 8 compatibility, they would have done it for Q1.

    Besides, waiting a few weeks for an official fix should not be that big of a deal. If you need to get something out the door before Q1 2009 SP1 is released, I recommend that you follow my instructions a few posts back (note that the work-around I mention will continue to work after this issue is fixed), or add the meta tag to force IE 7 rendering mode.
  17. Mark
    Mark avatar
    41 posts
    Member since:
    Nov 2008

    Posted 20 Mar 2009 Link to this post

    Hi Jimmie,

    While I don't agree with all of your thoughts on this subject, I do agree that Telerik does an excellent job overall. I've been thoroughly impressed with them in general. And I do realize that browser compatibility is a non-trivial topic.

    Thanks for mentioning the IE7 compatibility meta tag - I hadn't realized this existed. This may be a good option for us until the 2009 SP1 release. For others looking for information on this topic, I found some details here:

    http://www.microsoft.com/windows/internet-explorer/readiness/developers-new.aspx
  18. Adam Ooten
    Adam Ooten avatar
    15 posts
    Member since:
    Mar 2009

    Posted 23 Mar 2009 Link to this post

    I agree that overall Telerik does an awesome job on their controls.  I guess that is why I had high expectations of 'new' browser compatibility as soon as the browser is released.
  19. Rich
    Rich avatar
    6 posts
    Member since:
    Apr 2007

    Posted 24 Mar 2009 Link to this post

    Very surprised at all of the collateral damage we are seeing from IE8. Don't want to waste time fixing each page if we don't have to. Would like to see Q1 2009 SP1 deal with the issues and released as soon as possible.

  20. Marian
    Marian avatar
    3 posts
    Member since:
    May 2008

    Posted 25 Mar 2009 Link to this post

    Hi till telerik will deliver new version of components you can use this workaround:
    add this class to css definition 
    .inline_override
    {
     display:inline-block !important;
     %display:inline  !important;
    }
    class uses not valid hack for ie7 and less browsers and inline-block which works as expected in all modern browsers
    and then add CssClass="inline_override" to your <telerik:RadComboBox ...~> tag
    Be aware that combo popup will show 2px more to left and top~2c because border is finally part of size dimensions.

    PS: LOL telerik editor does not support FF 3.5 so I updated this post again:)
  21. Adam Ooten
    Adam Ooten avatar
    15 posts
    Member since:
    Mar 2009

    Posted 30 Mar 2009 Link to this post

    Is there a firm date for the Q1 2009 SP1 release yet?
  22. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 31 Mar 2009 Link to this post

    Hi all,

    Yes, we are targeting a release of Q1 2009 SP1 for Thursday, 2 April.


    Kind regards,
    Helen
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  23. Yousuf Mohammed
    Yousuf Mohammed avatar
    15 posts
    Member since:
    Dec 2007

    Posted 03 Apr 2009 Link to this post

    Is RadControls AJAX  Q1 2009 SP1  released?
  24. Jimmie
    Jimmie avatar
    20 posts
    Member since:
    Nov 2008

    Posted 03 Apr 2009 Link to this post

    Yes, 2009 Q1 SP1 was released yesterday.

    I have confirmed that the issue with the width of the radDatePicker has been fixed.

    I have not had a chance to verify the radComboBox. However, based on the release notes, the width issue was fixed for all of the controls.
  25. Derek Hunziker
    Derek Hunziker avatar
    62 posts
    Member since:
    Sep 2008

    Posted 07 Apr 2009 Link to this post

    CSS:

    /* IE8 fix for RadComboBox width */ 
    div.RadComboBox { floatleftdisplay: inherit !important; } 

    This doesn't seem to affect IE7 so I'm linking mine like this:

    <!--[if gte IE 7]>
            ........ link to ie stylesheet ........
    <![endif]-->


  26. Anthony Gallucci
    Anthony Gallucci avatar
    1 posts
    Member since:
    Jan 2009

    Posted 22 Apr 2009 Link to this post

    I recieved an error using the updated version of the Telerik RadCombobox:

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 1.1.4322; InfoPath.1; .NET CLR 3.0.04506.30; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; MS-RTC LM 8)
    Timestamp: Wed, 22 Apr 2009 16:11:14 UTC

    Message: Object expected
    Line: 1075
    Char: 1
    Code: 0
    URI: http://localhost:3657/MicrosoftAjaxLibrary/Telerik.Web.UI/2009.1.402.20/Telerik.Web.UI.Common.Navigation.NavigationScripts.js

     

  27. Eric
    Eric avatar
    4 posts
    Member since:
    Oct 2008

    Posted 18 Nov 2009 Link to this post

    Sorry to bring up old issues, but I am testing with Internet Explorer 8 with RadControls for ASPNET AJAX Q1 2009.

    In every scenario I tested under, the RadNumericTextbox without SpinButtons works fine in IE and Firefox.

    With the spinbuttons, IE8 stretches the textbox width to 100% in default mode despite setting the width manually, but compatability mode works as expected.

    In the snippet below, I also added a "kludge" I came across as a way to allow it to stay inline and set the width in both modes with the spinbuttons available.  It involves a couple of divs and some CSS:

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="TEST.aspx.vb" Inherits="ListMonitor_TEST" %> 
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <!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>Test Page</title>   
    </head> 
    <body> 
        <form id="form1" runat="server">  
            <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">  
            </asp:ScriptManager> 
     
            <p><strong>RadNumericTextBox WITHOUT SpinButtons:</strong><br /> 
            inline text <telerik:RadNumericTextBox ID="RadNumericTextBox3" runat="server" Culture="English (United States)" 
                Value="0" Width="60px">  
                <NumberFormat DecimalDigits="0" AllowRounding="false" /> 
            </telerik:RadNumericTextBox> inline text</p> 
     
            <p><strong>RadNumericTextBox WITH SpinButtons:</strong><br /> 
            inline text <telerik:RadNumericTextBox ID="RadNumericTextBox4" CssClass="inline_override" runat="server" Culture="English (United States)" 
                Value="0" Width="60px" ShowSpinButtons="true">  
                <NumberFormat DecimalDigits="0" AllowRounding="false" /> 
            </telerik:RadNumericTextBox> inline text</p> 
     
            <p><strong>RadNumericTextBox WITH SpinButtons (Div/float hack):</strong></p>  
            <div style="float: left;">inline text&nbsp;</div><div style="float: left; white-space: nowrap; width: 60px; vertical-align: middle;"><telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" Culture="English (United States)" 
                Value="0" Width="60px" ShowSpinButtons="true">  
                <NumberFormat DecimalDigits="0" AllowRounding="false" /> 
            </telerik:RadNumericTextBox></div>inline text  
     
        </form> 
    </body> 
    </html> 
     

     

     

    I attached screenshots of how it looks in IE8 under the two modes and Firefox. 

    Are there any official bug fixes available for this yet?

    Thanks!

     

  28. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 19 Nov 2009 Link to this post

    Hello Eric,

    Can you please verify whether this issue is addressed in the latest release Q3 2009 (2009.3.1103) of RadControls for ASP.NET AJAX? Note that we announced full IE8 browser support with Q1 2009 SP1 of RadControls (2009.1.402) and the issue you stumbled upon should be addressed already.

    Greetings,
    Sebastian
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  29. Austinguy
    Austinguy avatar
    5 posts
    Member since:
    Mar 2010

    Posted 12 Apr 2010 Link to this post

    Hi,
    I'm having a problem.  using the latest Telerik Radcombobox version: 2010.1.309.35
    Essentially the control looks fine in Chrome and IE compat-mode, however in IE8 and FF 3.6 the width collapses and i see just a little drop-down arrow.

    here's the call:

    <telerik:RadComboBox ID="RadComboBoxDT" Width="240px" Height="180px" AllowCustomText="false"
                            EmptyMessage="Select a choice" runat="server" CssClass="lst14" DropDownWidth="240px"
                            DataValueField="ID" DataTextField="Name" HighlightTemplatedItems="true" OnClientDropDownClosed="onDropDownClosing"
                            OnClientLoad="setComboBoxText">

    the CssClass is only a width element

    .width = 145px !important

    no stylistic elements are being set by code for this control.

    Thanks for your help!
  30. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 12 Apr 2010 Link to this post

    Hi Austinguy,

    Can you send the aspx markup and all the CSS you are loading on the page? Its hard to determine what went wrong from what you posted (besides setting the width of the RadComboBox twice). Thank you in advance.

    Best wishes,
    Kamen Bundev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top