strange rendering in IE8

[Robert]

Hello,

I created a page called Filter.aspx. This page is called from another page using the following code:

<script type="text/javascript">
    //<![CDATA[

    function openRadWin()
    {
        window.radopen("Filter.aspx", "aDialog");
    }
   //]]>
</script>


<telerik:RadWindowManager ID="RadWindowManager1" runat="server">
    <Windows>
        <telerik:RadWindow ID="aDialog" runat="server" Title="Select" Height="300px"
              Width="800px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" Behaviors="Close" />
    </Windows>
</telerik:RadWindowManager>


<asp:Button ID="btn_CreateFilter" runat="server" Width="80px" Text="Create Filter" onClientclick="openRadWin(); return false;"  />

The page Filter.aspx is

    <form id="form_Filter" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI, Version=2009.3.1314.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI, Version=2009.3.1314.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Name="Telerik.Web.UI.Common.jQuery.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>

        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Windows7"></telerik:RadSkinManager>
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" skin="Windows7" DecoratedControls="All"/>


    <asp:ObjectDataSource ID="ODS_ListUser" runat="server"
            EnableCaching="True" SelectMethod="GetData" TypeName="SiFiDa.DS_SiFiDaTableAdapters.TA_ListUser" CacheDuration="33">
    </asp:ObjectDataSource>

    <asp:ObjectDataSource ID="ODS_ListPEFDivision" runat="server"
            EnableCaching="True" SelectMethod="GetData" TypeName="SiFiDa.DS_SiFiDaTableAdapters.TA_ListPEFDivision" CacheDuration="33">
    </asp:ObjectDataSource>

    <asp:ObjectDataSource ID="ODS_ListDivision" runat="server"
            EnableCaching="True" SelectMethod="GetData" TypeName="SiFiDa.DS_SiFiDaTableAdapters.TA_ListDivision" CacheDuration="33">
        </asp:ObjectDataSource>

    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" >

    <div style="position:absolute;">
            <label id="lbl_User:" class="DataLabel" style="position: absolute; width: 120px; left: 10px; top: 10px; ">User:</label>
            <telerik:RadComboBox ID="rcb_User" runat="server"
                DataSourceID="ODS_ListUser"
                style="position: absolute; left: 120px; top: 6px;" DataValueField="OID" DataTextField="LastName"
                EmptyMessage="Select one or more User" HighlightTemplatedItems="true"
                AllowCustomText="true" Width="590px"
                Height="300px" MarkFirstMatch="true" >
                    <ItemTemplate>
                        <div>
                            <asp:CheckBox runat="server" ID="cb" Checked="false" />
                            <asp:Label runat="server" ID="Label1" AssociatedControlID="cb"><%#Eval("LastName") & " " & Eval("FirstName") %></asp:Label>
                        </div>
                    </ItemTemplate>
            </telerik:RadComboBox>

            <label id="lbl_PEFDivision" style="position: absolute; width: 120px; left: 10px; top: 55px; ">Division:</label>
            <telerik:RadComboBox ID="rcb_ListDivision" runat="server"
                DataSourceID="ODS_ListDivision"
                style="position: absolute; left: 120px; top: 51px;"
                DataValueField="Division" DataTextField="Division"
                EmptyMessage="Select one or more Division" HighlightTemplatedItems="true"
                AllowCustomText="true" Width="590px"
                Height="300px" MarkFirstMatch="true" >
                    <ItemTemplate>
                        <div>
                            <asp:CheckBox runat="server" ID="cb" Checked="false" onclick="onCheckBoxClick(this, 'rcb_ListDivision')"/>
                            <asp:Label runat="server" ID="Label3" AssociatedControlID="cb"><%#Eval("Division")%></asp:Label>
                        </div>
                    </ItemTemplate>
            </telerik:RadComboBox>

    </div>

    </telerik:RadAjaxPanel>



    </form>

Initially everything is ok. But after about 2 seconds, the second combobox is displayed approx. 50px below the initial position. This occurs in IE8 only. In IE6 and firefox everythings works perfect. When calling the filter.aspx directly everything is perfect too.

I have attached 2 screenshots so you can see what I mean.

Any ideas ?

Thank you
Robert

[Georgi Tunev]

Hi Robert,

At this point I cannot tell what the reason for the problem might be, but just for testing purposes I would suggest to:
1. Remove the ReloadOnShow property.
2. Set RenderMode=Inline for the RadAjaxPanel and UpdatePanelsRenderMode=inline for the ajax manager.

If this doesn't help, please open a support ticket and send a small sample project where the problem could be reproduced so I could investigate further.

Kind regards,
Georgi Tunev
the Telerik team

[Robert]

Hi Georgi,

thank you for your reply. Unfortunately your suggestions did not lead to success so I will open a support ticket.

Kind regards
Robert

[Georgi Tunev]

Hello again Robert,

Thank you for the ticket - we are currently working on it and we'll send reply to you soon.


Kind regards,
Georgi Tunev
the Telerik team