This is a migrated thread and some comments may be shown as answers.

RadWindow, IE8, Windows XP

4 Answers 60 Views
Window
This is a migrated thread and some comments may be shown as answers.
Hanno Coetzee
Top achievements
Rank 1
Hanno Coetzee asked on 22 Jan 2010, 09:09 AM
To whom it may concern

I have a radwindow that is launched with javascript. It works 100% on my development machine (Vista & IE8). On a machine with Windows XP SP3 with IE8 though, there are some issues.

The radwindow loads okay. Some of the controls within the radwindow though, do not. 

The Combobox does not seem to load correctly when the page loads. When I minimize and then maximise the browser window, the combobox works, but still seems a bit buggy.

Are there known issues with comboboxes contained in a radwindow on IE8 with XP?

Regards
Hanno
____
Below is the html of the page.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ContactHistory.aspx.cs" 
    Inherits="xxx.yyy.UI.ClientService.ContactHistory" %> 
 
<%@ 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></title
</head> 
<body> 
    <form id="form1" runat="server"
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"
    </telerik:RadScriptManager> 
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnablePageHeadUpdate="False" 
        DefaultLoadingPanelID="RadAjaxLoadingPanel1"
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="NoteType"
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="AddNote" /> 
                    <telerik:AjaxUpdatedControl ControlID="Note" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
            <telerik:AjaxSetting AjaxControlID="AddNote"
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="Note" /> 
                    <telerik:AjaxUpdatedControl ControlID="HistoryList" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
            <telerik:AjaxSetting AjaxControlID="MessageSource"
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="HistoryList" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
            <telerik:AjaxSetting AjaxControlID="HistoryList"
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="HistoryList" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 
    <asp:Panel ID="Panel1" runat="server"
        <table width="100%"
            <tr> 
                <td> 
                    <asp:Label ID="Label1" runat="server" Text="Note Type:"></asp:Label> 
                </td> 
                <td style="text-align: left;"
                    <telerik:RadComboBox ID="NoteType" runat="server" AutoPostBack="True" OnSelectedIndexChanged="NoteType_SelectedIndexChanged"
                        <Items> 
                            <telerik:RadComboBoxItem Text="-- Select --" Value="0" Selected="true" /> 
                            <telerik:RadComboBoxItem Text="Admin" Value="Admin" /> 
                            <telerik:RadComboBoxItem Text="Inbound" Value="Inbound" /> 
                            <telerik:RadComboBoxItem Text="Outbound" Value="Outbound" /> 
                        </Items> 
                    </telerik:RadComboBox> 
                </td> 
                <td> 
                    <asp:Button ID="AddNote" runat="server" Text="Add Note" OnClick="AddNote_Click" Enabled="False" /> 
                </td> 
            </tr> 
            <tr> 
                <td colspan="3"
                    <telerik:RadEditor ID="Note" runat="server" Height="150" Width="100%" EditModes="Preview"
                        <Tools> 
                            <telerik:EditorToolGroup> 
                                <telerik:EditorTool Name="AjaxSpellCheck" Text="SpellCheck" /> 
                            </telerik:EditorToolGroup> 
                        </Tools> 
                        <Content> 
                         
                        </Content> 
                    </telerik:RadEditor> 
                </td> 
            </tr> 
            <tr> 
                <td colspan="3"
                    &nbsp; 
                </td> 
            </tr> 
            <tr> 
                <td colspan="3"
                    <asp:Panel ID="Panel2" runat="server" GroupingText="Message Filter"
                        <br /> 
                        <table> 
                            <tr> 
                                <td> 
                                    <asp:Label ID="Label2" runat="server" Text="Message Source:"></asp:Label> 
                                </td> 
                                <td> 
                                    <telerik:RadComboBox ID="MessageSource" runat="server" AutoPostBack="True" OnSelectedIndexChanged="MessageSource_SelectedIndexChanged"
                                        <Items> 
                                            <telerik:RadComboBoxItem Value="all" Text="All" /> 
                                            <telerik:RadComboBoxItem Value="call" Text="Call" Selected="true" /> 
                                            <telerik:RadComboBoxItem Value="claim" Text="Claim" /> 
                                        </Items> 
                                    </telerik:RadComboBox> 
                                </td> 
                            </tr> 
                        </table> 
                    </asp:Panel> 
                </td> 
            </tr> 
            <tr> 
                <td colspan="3"
                    <telerik:RadGrid ID="HistoryList" runat="server" DataSourceID="dsContactHistory" 
                        GridLines="None" AutoGenerateColumns="False" Width="100%"
                        <MasterTableView CellSpacing="-1" CommandItemDisplay="Top" DataKeyNames="ContactHistoryID" 
                            DataSourceID="dsContactHistory"
                            <RowIndicatorColumn> 
                                <HeaderStyle Width="20px" /> 
                            </RowIndicatorColumn> 
                            <ExpandCollapseColumn> 
                                <HeaderStyle Width="20px" /> 
                            </ExpandCollapseColumn> 
                            <Columns> 
                                <telerik:GridBoundColumn DataField="ContactHistoryID" DataType="System.Int32" HeaderText="ContactHistoryID" 
                                    ReadOnly="True" SortExpression="ContactHistoryID" UniqueName="ContactHistoryID" 
                                    Visible="false"
                                </telerik:GridBoundColumn> 
                                <telerik:GridBoundColumn DataField="LogDate" DataType="System.DateTime" HeaderText="Log Date" 
                                    SortExpression="LogDate" UniqueName="LogDate" DataFormatString="{0:ddd dd-MMM-yyyy hh:mm}" 
                                    ItemStyle-Wrap="false"
                                    <ItemStyle Wrap="False" /> 
                                </telerik:GridBoundColumn> 
                                <telerik:GridBoundColumn DataField="UserName" HeaderText="User Name" SortExpression="UserName" 
                                    UniqueName="UserName" ItemStyle-Wrap="false"
                                    <ItemStyle Wrap="False" /> 
                                </telerik:GridBoundColumn> 
                                <telerik:GridBoundColumn DataField="Description" HeaderText="Description" SortExpression="Description" 
                                    UniqueName="Description"
                                </telerik:GridBoundColumn> 
                            </Columns> 
                            <CommandItemTemplate> 
                                <table style="width: 100%; text-align: right;"
                                    <tr> 
                                        <td> 
                                            <img style="border: 0px" width="12" height="12" alt="" src="../App_Themes/OTSSTheme/Images/Refresh.gif" /><asp:LinkButton 
                                                ID="LinkButton4" runat="server" CommandName="RebindGrid">Refresh list</asp:LinkButton> 
                                        </td> 
                                    </tr> 
                                </table> 
                            </CommandItemTemplate> 
                        </MasterTableView> 
                    </telerik:RadGrid> 
                    <asp:ObjectDataSource ID="dsContactHistory" runat="server" OldValuesParameterFormatString="original_{0}" 
                        SelectMethod="GetDataByCallDetailIDMessageSource" TypeName="xxx.yyy.Data.FusionDataTableAdapters.ContactHistoryListTableAdapter"
                        <SelectParameters> 
                            <asp:Parameter Name="CallDetailID" Type="Int32" /> 
                            <asp:ControlParameter ControlID="MessageSource" Name="MessageSource" PropertyName="SelectedValue" 
                                Type="String" /> 
                        </SelectParameters> 
                    </asp:ObjectDataSource> 
                </td> 
            </tr> 
        </table> 
    </asp:Panel> 
    <telerik:RadFormDecorator ID="DecorateTelerik" runat="server" Skin="Telerik" /> 
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
    </telerik:RadAjaxLoadingPanel> 
    </form> 
</body> 
</html> 
 

4 Answers, 1 is accepted

Sort by
0
Hanno Coetzee
Top achievements
Rank 1
answered on 22 Jan 2010, 12:40 PM
After some further investigation, I have discovered that the problem is as a result of loading the radwindow from a the content page of a masterpage. No solution yet though... :(
0
Hanno Coetzee
Top achievements
Rank 1
answered on 26 Jan 2010, 05:01 AM
IE7 presents the same problem on XP.

Back to the drawing board I guess...
0
Svetlina Anati
Telerik team
answered on 27 Jan 2010, 08:51 AM
Hi Hanno,

We are not aware of problems with the mentioned setup but it is possible that you get undesired appearance due to styles overriding. However, I prepared a test demo based on your code and tested it under Windows XP in IE7, IE8 and IE8 Compatibility View but both the comboboxes worked and looked fine. Since you say that the issue comes from the master page, I assume that you have some global CSS there - would you please download the attached demo and add the styles needed to reproduce the problem? Once you succeed, paste the relevant code below and provide also some screenshots with the problem clearly marked and I will do my best to help. 


Kind regards,
Svetlina
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.
0
Hanno Coetzee
Top achievements
Rank 1
answered on 27 Jan 2010, 11:58 AM
Hi Svetlina

Thank you for attending to my problem. I have discovered why the problem occurs.

In my master page I had the following Javascript that shows a ticking clock. When I comment the code out, everything works 100%.

<script type="text/javascript"
        //initalize the clock on loading of page 
        window.onload = function() { 
            //set the interval so clock ticks 
            var timeClock = setInterval("TimeTick()", 10); 
        } 
 
        //The ticking clock function 
        function TimeTick() { 
            var localTime = new Date(); 
            //ASP prefixes control with "ctlxx_", where xx is a number. If any labels exist "before" this desired control make sure the control name is correct 
            try { 
                document.getElementById("ctl00_CurrentDate").innerHTML = localTime.format("ddd MMM dd yyyy HH:mm:ss")//.getFullYear() + "-" + timeLocal.getMonth() + "-" + timeLocal.getDay(); 
            } 
            catch (Error) { 
                document.getElementById("ctl00_ctl00_CurrentDate").innerHTML = localTime.format("ddd MMM dd yyyy HH:mm:ss")//.getFullYear() + "-" + timeLocal.getMonth() + "-" + timeLocal.getDay(); 
            } 
        } 
 
    </script> 

Again, thank you very much for attending to my problem. It is much appreciated.

Regards
Hanno
Tags
Window
Asked by
Hanno Coetzee
Top achievements
Rank 1
Answers by
Hanno Coetzee
Top achievements
Rank 1
Svetlina Anati
Telerik team
Share this question
or