RadWindow - width of content is not being calculated correctly for IE.

4 posts, 0 answers
  1. Brent Hetland
    Brent Hetland avatar
    61 posts
    Member since:
    Aug 2009

    Posted 24 Feb 2014 Link to this post


    I am using version 2013.3.1114.35 of your ASP.NET for AJAX controls.

    I have an aspx page with many RadWindows defined on an aspx page.  There are also many ascx controls on that page, each that contain a lot of Rad Controls.. 

    In IE 8 and 9, the width on ALL of my RadWindows on this page is being auto-calculated incorrectly.  They now open up much more narrow than they used to.
    Also, if I close and reopen the window, the next time they are 10 times wider than they need to be.

    - The windows are sized correctly in FFox and Chrome.

    - Turning IE Compatibility View ON seems to help a little, but it doesn't solve the problem and I can't use that as a solution anyway.

    - Using the IE dev tools I can see that the RadWindow frame is the correct width.

    - However, the table (class="rwTable") within the frame, is the wrong width (looks like it should be width="100%" but there is no width attribute at all).

    - These windows have all worked fine for 2 years, until today, when I added a RadTabStrip and a RadMultiPage to one of the ascx files on this page.

    - The odd thing though is that the problem is related to specific properties of a RadGrid that is in the RadMultiPage.  This grid, by the way, has always been on this user control and I didn't change it, and the windows have been working fine with it.

    - I can make the problem STOP HAPPENING, if I change the following two properties on the grid.
    1.  Remove the Skin="Office2007" property.
    2.  Set AllowPaging="false"

    If I either set AllowPaging="true" or set the Skin="Office2007" (but any skin causes it), the window sizing problem occurs again.

    To repeat, this grid has been on this control forever, as have the RadWindows, and they've worked fine together and I haven't changed them.  I only added a Tabstrip and MultiPage and put the grid in the multipage...

    I don't expect that you'll be able to solve this right away, but can you please tell me some things to try to help me troubleshoot this or make progress in resolving it?

    My RadWindows are simply defined (in the main aspx page) as follows (I show you only two here, but there are actually 7 in my page) :

        <telerik:RadWindowManager ID="radEventModal" runat="server" EnableViewState="false" Modal="true">
                <telerik:RadWindow EnableViewState="false" runat="server" ID="sustainmentSettings"
                    Width="965px" Height="430px">
               <telerik:RadWindow EnableViewState="false" runat="server" ID="homeworkSettings"
                    Width="945px" Height="550px"


  2. Brent Hetland
    Brent Hetland avatar
    61 posts
    Member since:
    Aug 2009

    Posted 24 Feb 2014 in reply to Brent Hetland Link to this post

    I wanted to give you a little bit more information.

    Another property on the grid that I cannot set to true is the AllowFilteringByColumn.  If I set that to true, the problem with the window sizing also occurs.  So I have to have the two properties I've mentioned set to False, and I cannot use a Skin, or the problem occurs.

    I also want to mention that when I set AllowFilteringByColumn to True, styles of other things are goofed up when I visit that page.

    For instance, I have two RadMenus who's styles get messed up when I set that grid's AllowFilteringByColumn="true", and those menus aren't even on that page (they are on a master page and on the containing aspx page).

    Q.  What is it about the grid, specifically, the grid's properties, that is messing up my RadWindow width and other controls styles???
  3. Marin Bratanov
    Marin Bratanov avatar
    3908 posts

    Posted 26 Feb 2014 Link to this post

    Hi Brent,

    It seems like you are hitting IE's stylesheet limitation, so some CSS rules are not honored by IE: http://blogs.telerik.com/aspnet-ajax/posts/10-05-03/internet-explorer-css-limits.aspx.

    Since the issue manifests after adding more controls to the page it is likely that the page was already rather complex and had a lot of stylesheets loaded on it. Adding a few more simply pushed it over the IE edge. This is probably what happens with the certain grid settings - adding a pager effectively adds controls to the page - RadComboBox, so it needs stylesheets. So does filtering - adds a ContextMenu.

    Thus, the only possible workaround that I know of, is placing a RadStyleSheetManager on the page so that it can combine requests and effectively reduce the number of stylesheets loaded on the page, as explained in the blog post above.

    Marin Bratanov
    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 UI for ASP.NET AJAX, subscribe to the blog feed now.
  4. Brent Hetland
    Brent Hetland avatar
    61 posts
    Member since:
    Aug 2009

    Posted 26 Feb 2014 in reply to Marin Bratanov Link to this post

    Amazing, you nailed it!  You are "The Man" Marin!  It is a very complex page (many ascx files each with many grids, pageview, tabs, a slider, and tons of other rad controls).

    I simply added the RadStyleSheetManager as you suggested and all RadWindows on the controls on that page once again open correctly sized.  So this is solved...

    Take the day off, you earned it!

Back to Top