Microsoft JScript runtime error: Unable to set value of the property 'control': object is null or undefined

5 posts, 0 answers
  1. Dhaval
    Dhaval avatar
    41 posts
    Member since:
    Aug 2010

    Posted 08 Feb 2012 Link to this post

    Hi,

    I am using cascaded drop down and i have used RadAjaxManager to update the another dropdown, but i am getting the following error while using it :

    Microsoft JScript runtime error: Unable to set value of the property 'control': object is null or undefined

    Moreover, i have the dropdowns in ascx page and i am calling that ascx in aspx. if i take the dropdowns in aspx it works smoothly.

    Help me out on this.

    Thanks & Regards,
    Dhaval Shukla
  2. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 09 Feb 2012 Link to this post

    Hello Dhaval,

    How is the user controls added to the page, statically or dynamically? Does the error persist if you disable ajax? Do you have any custom javascript either in the user control or on the page and is it possible the error to come from some line there?

    Greetings,
    Iana Tsolova
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. syed
    syed avatar
    1 posts
    Member since:
    May 2009

    Posted 03 May 2012 Link to this post

    I get the same error when i try to enable "Filter by column", in the RadGrid.
    I have a check box to enable or disable this filter. I am using master page with RadScriptManager in it.
    The error I get is in content Page (Although the grid is enabled for filtering, but i get that error twice in during testing in development, but no error when i host it to server or else wehre)

    Any help on this would be appreciated (see below the image)...

      
  5. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 08 May 2012 Link to this post

    Hi syed,

    It is hard to tell want is causing the error illustrated in the screenshot. It is too generic and unclear. Can you give us more information on your scenario? What is the grid setup? You can send the markup and code. What actions are triggering the issue?
    To recreate the issue on our side, it is also important to know which version of the controls you are using.

    Kind regards,
    Iana Tsolova
    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.
  6. Eric
    Eric avatar
    1 posts
    Member since:
    Jul 2012

    Posted 19 Jul 2012 Link to this post

    Has there been any resolution to this. I am getting the same error using the RADGrid. If I remove the AllowFilteringByColumn setting, it works fine, no errors. I have another page that uses almost the exact same code, just a different data source, and it works fine with the AllowFilteringByColumn settings in place. In fact, I basically copied the code from the working page to the non-working page and made some minor adjustments. So, it should work.


    Non Working File:
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ConsumerTimes.aspx.cs" Inherits="MoZeus.Report.Web.WebRole.Custom.Mozaic_ATT.ConsumerTimes" %>
    <%@ Register TagPrefix="uc" TagName="DatePicker" Src="~/UserControls/DateRangePicker.ascx" %>
    <%@ Register TagPrefix="uc" TagName="Footer" Src="~/UserControls/Footer1.ascx"%>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
       <%@ Register TagPrefix="uc" TagName="FormMessage" Src="~/UserControls/FormMessage.ascx" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <head id="Head1" runat="server">
        <title>MoZeus Reports</title>
         
        <meta http-equiv="CACHE-CONTROL" content="NO-CACHE"/>
        <meta http-equiv="EXPIRES" content="01 Jan 1970 00:00:00 GMT"/>
        <meta http-equiv="PRAGMA" content="NO-CACHE"/>
        <telerik:RadCodeBlock runat="server" ID="rcbSvyDtlHdr1">
        <link href="<%=ResolveClientUrl("~/css/main.css")%>" rel="stylesheet" type="text/css" /> 
        <script src="<%=ResolveClientUrl("~/js/main.js")%>" type="text/javascript"></script>
            <script type="text/javascript" language="javascript" >
     
                function onRequestStart(sender, args) {
                    try {
                        if (args.get_eventTarget().indexOf("btnExportToCSV") >= 0) {
                            args.set_enableAjax(false);
                        }
     
                        if (args.get_eventTarget().indexOf("btnGetReport") >= 0) {
                            document.getElementById('<%=hfExtraHeight.ClientID%>').value = "0";
                        }
                    }
                    catch (e) { }
                }
     
                function onResponseEnd(sender, args) {
                    try {
                        BuildDatePickers();
                    } catch (e) { }
                }
                function ShowErrMsg() {
                    try {
     
                    }
                    catch (msg) { }
                }
                function GridCreated(sender, eventArgs) {
                    //SizeForm();
                }
     
                function SizeForm() {
                    try {
                        var eh = parseInt(document.getElementById('<%=ResolveClientUrl("hfExtraHeight")%>').value);
                        var w = ($(window).width());
                        var h = ($(window).height() - 89);
                        document.getElementById('<%=ResolveClientUrl("hfGridHeight")%>').value = h;
                        document.getElementById('<%=ResolveClientUrl("hfGridWidth")%>').value = w;
                        if (document.getElementById('<%=ResolveClientUrl("SurveyDetails")%>') != null && document.getElementById('<%=ResolveClientUrl("SurveyDetails")%>') != "undefined") {
                            var o = document.getElementById('<%=ResolveClientUrl("SurveyDetails")%>');
                            o.style.width = w + "px";
                            o.style.height = (h + eh) + "px";
                        }
                    }
                    catch (e) { }
                }
     
            </script>
            <style type="text/css">
                html
                {
                    overflow:auto;
                }
     
                html,
                body,
                form
                {
                    margin:0;
                    height:100%;
                    width:100%;
                }
                body{background-color:#ffffff;}
                #dvPageHeader
                {
                    background-color:#C9DA2C;
                    width:100%;
                    padding:0px 0px 0px 0px;
                    min-height:32px;               
                    max-height:32px;
                    background-image:url(<%=ResolveClientUrl("~/img/topbarbggrn4.png")%>);
                    background-repeat:repeat-x;  
                }
                 
                #dvBackButton
                {
                    float:left;
                    padding:0px 5px 0px 0px;
                    background-image:url(<%=ResolveClientUrl("~/img/btnBack.png")%>);
                    background-repeat:no-repeat;
                    height:32px;
                    width:32px
                }
                 
                #dvGetReport
                {
                    float:left;
                    padding:0px ;
                    background-image:url(<%=ResolveClientUrl("~/img/btnGetReport3.png")%>);
                    background-repeat:no-repeat;
                    height:32px;
                    width:80px  
                }
                 
                #dvMainBody
                {
                    width:100%;
                    height:100%;
                    background-position:left top;           
                    background-color:#C9DA2A;
                    background-image:url(<%=ResolveClientUrl("~/img/mozeus_background_big.gif")%>);
                    background-repeat:no-repeat;
                    border:1px solid #ff0000;
                }
                 
                #dvProgramName
                {
                    color:#3a3a3c;
                    font-size:14px;
                    width:100%;
                    height:15px;
                    text-align:center;
                    padding:5px 0px 5px 0px;
                    background-color:#ffffff;
                }
                div.RadGrid_Default .rgRow td,
                div.RadGrid_Default .rgAltRow td,
                div.RadGrid_Default .rgResizeCol,
                div.RadGrid_Default .rgFilterRow td,
                div.RadGrid_Default .rgHeader
                {
                    border-right:1px solid #3a3a3c; 
                }       
                div.RadGrid_Default .rgRow td,
                div.RadGrid_Default .rgAltRow td,       
                div.RadGrid_Default .rgHeader
                {
                    border-bottom:0px;
                }
                         
                div.RadGrid_Default .rgHeader
                {
                    border-top:1px solid #3a3a3c; 
                }
                .lblSurvey,.lblProgram,.lblCustomer
                {
                    font-weight:bold;  
                }
                .failureNotification
                {
                    font-size: 14px;
                    font-weight:bold;
                    width:100%;
                    background-color:#ffffff;
                    color: Red;
                    padding:0px;
                    margin:0px;
                }
                .errMsg
                {
                   width:100%;
                   font-size: 14px;
                }
                .photoLink
                {
                    color:#0000ff;  
                }
            .input3{font-size:11px;width:165px;}
            .label1{font-size:11px;}
            </style>
             
        <asp:PlaceHolder ID="phCSS" runat="server" Visible="false" >        
            <style type="text/css">
                .main
                    {
                        background-color:#000000;
                        background-image:url(<%=ResolveClientUrl("~/img/spacer.gif")%>); 
                    }
                #tdPoweredBy{color:#000000;}
            </style>
        </asp:PlaceHolder>
            <!--[if IE]>
            <style type="text/css">
                .input2
                {
                  height:15px;  
                  font-size:13px;
                }
            </style>       
            <![endif]-->
        </telerik:RadCodeBlock>
    </head>
    <body >
        <form id="form1" runat="server">
         
        <telerik:radscriptmanager runat="server"></telerik:radscriptmanager>
        <telerik:radajaxmanager runat="server" ID="RAM1" ClientEvents-OnResponseEnd="onResponseEnd" ClientEvents-OnRequestStart="onRequestStart" RequestQueueSize="50" >
        <AjaxSettings>
         
            <telerik:AjaxSetting  AjaxControlID="btnGetReport">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="pnlAll" LoadingPanelID="RadAjaxLoadingPanel1"/>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            <telerik:AjaxSetting  AjaxControlID="btnExportToCSV">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="pnlAll"/>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            <telerik:AjaxSetting  AjaxControlID="SurveyDetails">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="pnlAll" LoadingPanelID="RadAjaxLoadingPanel1"/>
                    </UpdatedControls>
                </telerik:AjaxSetting>
        </AjaxSettings>
        </telerik:radajaxmanager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" InitialDelayTime="0" MinDisplayTime="1500" Skin="Telerik">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" InitialDelayTime="0" Skin="Transparent">
        </telerik:RadAjaxLoadingPanel>
        <asp:Panel ID="pnlAll" runat="server" Width="100%" Height="100%">
             
            <telerik:RadCodeBlock runat="server" ID="rcbSvyDtlHdr35">
            <asp:HiddenField ID="hfCustomerProgram" runat="server" />
         <asp:HiddenField ID="hfCollapsedColumns" runat="server" />
            <asp:HiddenField ID="hfGridHeight" runat="server" value="600"/>
            <asp:HiddenField ID="hfGridWidth" runat="server" Value="1000" />
            <asp:HiddenField ID="hfExtraHeight" runat="server"  Value="0"/>
            <asp:HiddenField ID="hfLicenseKey" runat="server" />
            <asp:HiddenField ID="hfColNames" runat="server" />
           <div style="float:right;height:0px;position:relative;top:36px;text-align:right;padding-right:3px;">
                 <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td style="vertical-align:middle;width:155px;height:16px;padding:0px;margin:0px;" ><img src="<%=ResolveClientUrl("~/img/powered_by_mozeus_logo.png")%>" id="img1" title="Powered by MoZeus Worldwide" alt="Powered by MoZeus Worldwide"  style="height:16px;width:155px;margin:0px;padding:0px"/></td>
                    </tr>
                </table>
            </div>
            </telerik:RadCodeBlock>
                        <!--Start dvPageHeader-->
                        <div id="dvPageHeader">
                            <!--Start dvBackButton-->
                            <telerik:RadCodeBlock runat="server" ID="rcbSvyDtlHdr2">
                            <div id="dvBackButton" onmouseover="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnBack_over.png")%>');"
                            onmouseout="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnBack.png")%>');" style="display:none;">
                                <asp:ImageButton ID="btnBack" runat="server"
                                ImageUrl="~/img/spacer.gif"
                                AlternateText="Back To Previous Report"
                                Height="30px"
                                Width="32px"
                                ValidationGroup="GetReportValidationGroup"
                                ToolTip="Back To Previous Report"
                                ImageAlign="AbsMiddle"
                                onclick="btnBack_Click" />
                            </div>
                            </telerik:RadCodeBlock>
                             <!--End dvBackButton-->
                            <!--Start Parameters-->
                              <asp:PlaceHolder ID="phSearchParams" runat="server">
                                <asp:PlaceHolder ID="phLicenseKey" runat="server" Visible="true">
                                    <div style="padding:0px 5px 0px 0px;float:left;">
                                    <div class="label1" style="padding:8px 5px 0px 5px">
                                        License:
                                    </div>
                                    <div style="float:left;padding:6px 5px 0px 0px;">
                                        <asp:DropDownList ID="ddlLicenses" runat="server" CssClass="input1 input3">
                                        </asp:DropDownList>
                                    </div>
                                    </div>
                                </asp:PlaceHolder>
                                <div>
                                    <div style="padding:5px 0px 0px 0px;float:left;">
                                        <!--DATE RANGE PICKER-->
                                        <uc:DatePicker id="DatePicker1" runat="server" ValidationGroup="GetReportValidationGroup" CssClass="input1 input2" >
                                        </uc:DatePicker>
                                        <asp:HiddenField ID="hfOriginalStartDate" runat="server" />
                                        <asp:HiddenField ID="hfOriginalEndDate" runat="server" />
                                    </div>
                                </div>
                                <asp:PlaceHolder ID="phButton" runat="server">
                                <telerik:RadCodeBlock runat="server" ID="cbSvyDetails2">
                                    <div id="dvGetReport" onmouseover="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnGetReport3_over.png")%>');"
                                      onmouseout="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnGetReport3.png")%>');">
                                        <asp:ImageButton ID="btnGetReport" runat="server"
                                            ImageUrl="~/img/spacer.gif"
                                            AlternateText="Get Report"
                                            Width="80px"
                                            height="30px"
                                            onclick="btnGetReport_Click" 
                                            ValidationGroup="GetReportValidationGroup"
                                            CssClass="button"/>
                                    </div>
                                </telerik:RadCodeBlock>
                                </asp:PlaceHolder>
                            </asp:PlaceHolder>
                            <!--End Parameters-->
                            <div style="padding:8px 3px 0px 0px;float:right;">
                                <telerik:RadCodeBlock runat="server" ID="cb1">
                                    <div class="dvLogOut" style="display:none;font-family: Arial;">[<a href='<%=ResolveClientUrl("~/Default.aspx")%>?m=<%=((int)MoZeus.Report.Web.WebRole.Enum.Messages.LogOut).ToString()%>'>Log Off</a>]</div>
                                    <div class="dvPoweredBy" id="dvStaticPoweredBy" style="display:none">
                                        <table cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td style="vertical-align:middle;width:24px;height:24px;padding:0px;margin:0px;" ><img src="<%=ResolveClientUrl("~/img/powered_by_mozeus_logo3.png")%>" id="imgPwrdBy" title="Powered by MoZeus Worldwide" alt="Powered by MoZeus Worldwide"  style="height:24px;width:24px;margin:0px;padding:0px"/></td>
                                                <td style="vertical-align:middle;height:24px;margin:0px" id="tdPoweredBy">Powered By MoZeus Worldwide</td>
                                            </tr>
                                        </table>
                                    </div>
                                </telerik:RadCodeBlock>
                            </div>
                        </div>
                        <!--End dvPageHeader-->
            <!--Start dvMainBody-->
                                
                <div class="errMsg" ID="lblErrMsg" runat="server" visible="false" ></div>
                <uc:FormMessage id="formMessage1" runat="server" text="" />
                <asp:PlaceHolder ID="phCustProgSvyName" runat="server" Visible="true" >
                    <div id="dvProgramName">
                        <!--<div style="display:none"> Customer:
                        <asp:Label ID="lblCustomer" runat="server" CssClass="lblCustomer" />
                        <br />
                        Program:
                        <asp:Label ID="lblProgram" runat="server" CssClass="lblProgram" />
                        <br /></div>-->
                        License: <asp:Label ID="lblLicense" runat="server" CssClass="lblSurvey" />
                    </div>
                </asp:PlaceHolder>
                    <asp:PlaceHolder ID="phExport" runat="server" Visible="false" >
                        <div style="text-align:left;width:100%;border-right:0px;border-left:0px;background:#ffffff;">
                            <telerik:RadCodeBlock runat="server" ID="cbSvyDetails6">
                                <div style="border-right:0px;border-left:0px;padding:0px 0px 0px 0px;background-image:url(<%=ResolveClientUrl("~/img/btnExportCSV.png")%>);
                        background-repeat:no-repeat;height:32px;width:100px" id="dvExport"  onmouseover="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnExportCSV_over.png")%>');"   onmouseout="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnExportCSV.png")%>');">
                                    <asp:ImageButton ID="btnExportToCSV" onclick="btnExportToCSV_Click" runat="server"
                                        ImageUrl="~/img/spacer.gif" AlternateText="Back To Previous Report" Height="32px"
                                        Width="100px" ToolTip="Export to CSV file" ImageAlign="AbsMiddle"/>
                                </div>
                            </telerik:RadCodeBlock>
                        </div>
                    </asp:PlaceHolder>
               <asp:PlaceHolder ID="phSurveyDetails" runat="server" Visible="false">
                   <telerik:radgrid runat="server" ID="SurveyDetails"
                    AllowSorting="True"
                    AllowPaging="True"
                    PageSize="50"
                    runat="server"
                    ShowStatusBar="True"
                    HeaderStyle-HorizontalAlign="Center"
                    ShowHeadersWhenNoRecords="true"
                    EnableNoRecordsTemplate="true"
                    OnItemCommand="SurveyDetails_ItemCommand" 
                    OnNeedDataSource="SurveyDetails_NeedDataSource"
                    OnGridExporting="SurveyDetails_GridExporting"
                    ShowFooter="True"
                    EnableLinqExpressions="False"
                    CellSpacing="0"
                    GridLines="None"
                    style="border:0;outline:none;font-size:12px;"
                    OnPageIndexChanged="SurveyDetails_PageIndexChanged"
                    oncolumncreated="SurveyDetails_ColumnCreated"
                    onitemcreated="SurveyDetails_ItemCreated"
                    AllowFilteringByColumn="True" >
                    <PagerStyle Mode="NextPrevAndNumeric" Position="Bottom"  AlwaysVisible="true" />
                    <ExportSettings ExportOnlyData="true" IgnorePaging="true"  OpenInNewWindow="true">
                        <Csv EncloseDataWithQuotes="false" />
                    </ExportSettings>
                    <MasterTableView ShowFooter="true" AutoGenerateColumns="true" EnableNoRecordsTemplate="true"
                    AllowFilteringByColumn="True" AllowMultiColumnSorting="True" >
                        <NoRecordsTemplate>
                            No records found.</NoRecordsTemplate>
                        <ItemStyle HorizontalAlign="Left" Wrap="false"/>
                        <AlternatingItemStyle HorizontalAlign="Left" Wrap="false"/>
                        <HeaderStyle HorizontalAlign="Center"  Wrap="false"/>
                        <FilterItemStyle HorizontalAlign="Center"/>
                    </MasterTableView>
                    <ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="false"
                        ColumnsReorderMethod="Reorder" AllowExpandCollapse="true">
                        <Animation AllowColumnReorderAnimation="true" AllowColumnRevertAnimation="true" />
                        <Resizing AllowColumnResize="true"  ClipCellContentOnResize="false"  EnableRealTimeResize="true" />
                        <Scrolling AllowScroll="True" UseStaticHeaders="True"  />
                        <ClientEvents OnColumnResized="ColumnResized" OnGridCreated="GridCreated" >
                        </ClientEvents>
                        <DataBinding EnableCaching="true" />
                    </ClientSettings>
                    <FilterMenu EnableImageSprites="False">
                    </FilterMenu></telerik:radgrid>
            </asp:PlaceHolder>
            <!--End dvMainBody-->
     
        </asp:Panel>
    <telerik:RadCodeBlock runat="server" ID="cbSvyDetails3">
        <script language="JavaScript" type="text/javascript">
            <!--
            $(document).ready(function () {
                $(function () {
                    SizeForm();
                });
     
            });
            $(window).resize(function () {
                SizeForm();
            });
            if (document.images) {
                pic1 = new Image(80, 32);
                pic1.src = '<%=ResolveClientUrl("~/img/btnGetReport3_over.png")%>';
     
                pic2 = new Image(32, 32);
                pic2.src = '<%=ResolveClientUrl("~/img/btnBack_over.png")%>';
     
                pic3 = new Image();
                pic3.src = '<%=ResolveClientUrl("~/img/btnExportCSV_over.png")%>';
            }
     
            function ColumnResized(sender, eventArgs) {
                var indx = eventArgs.get_gridColumn().get_element().cellIndex;
                var masterTableView = $find("<%= SurveyDetails.ClientID %>").get_masterTableView();
                var colName = masterTableView.get_columns()[indx].get_uniqueName();
                var wdth = eventArgs.get_gridColumn().get_element().offsetWidth;
                CheckhfCollapsedColumns(colName, wdth);
            }
     
            function CheckhfCollapsedColumns(colName, wdth) {
                try {
                    var s = document.getElementById("<%=hfCollapsedColumns.ClientID%>").value;
                    var spl = s.split(';');
                    s = '';
                    for (var i = 0; i < spl.length; i++) {
                        if (spl[i] != colName && spl[i] != '') {
                            s += spl[i] + ";";
                        }
                    }
                    if (wdth <= 5) {
                        s += colName;
                    }
     
                    if (s.lastIndexOf(';') == s.length - 1)
                        s.substring(0, s.length - 2);
                    document.getElementById("<%=hfCollapsedColumns.ClientID%>").value = s;
                }
                catch (e) { alert(e); }
     
     
            }
            //-->
     
        </script>
    </telerik:RadCodeBlock>
        </form>
    </body>
    <!--Microsoft recommends doing this to stop caching-->
    <head>
    <meta http-equiv="PRAGMA" content="NO-CACHE"/>
    </head>
    </html>


    Working file:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="surveydetail.aspx.cs" Inherits="MoZeus.Report.Web.WebRole.Reports.surveydetail" %>
    <%@ Register TagPrefix="uc" TagName="DatePicker" Src="~/UserControls/DateRangePicker.ascx" %>
    <%@ Register TagPrefix="uc" TagName="Footer" Src="~/UserControls/Footer1.ascx"%>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
       <%@ Register TagPrefix="uc" TagName="FormMessage" Src="~/UserControls/FormMessage.ascx" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <head id="Head1" runat="server">
        <title>MoZeus Reports</title>
         
        <meta http-equiv="CACHE-CONTROL" content="NO-CACHE"/>
        <meta http-equiv="EXPIRES" content="01 Jan 1970 00:00:00 GMT"/>
        <meta http-equiv="PRAGMA" content="NO-CACHE"/>
        <telerik:RadCodeBlock runat="server" ID="rcbSvyDtlHdr1">
        <link href="<%=ResolveClientUrl("~/css/main.css")%>" rel="stylesheet" type="text/css" /> 
        <script src="<%=ResolveClientUrl("~/js/jquery-1.6.2.js")%>" type="text/javascript"></script>
        <script src="<%=ResolveClientUrl("~/js/main.js")%>" type="text/javascript"></script>
            <script type="text/javascript" language="javascript" >
     
                function onRequestStart(sender, args)
                {
                    try
                    {
                        if (args.get_eventTarget().indexOf("btnExportToCSV") >= 0)
                        {
                            args.set_enableAjax(false);
                        }
     
                        if (args.get_eventTarget().indexOf("btnGetReport") >= 0)
                        {
                            document.getElementById('<%=hfExtraHeight.ClientID%>').value = "0";
                            SizeForm();
                        }
                    }
                    catch (e) { }
                }
     
                function onResponseEnd(sender, args)
                {
                    try
                    {
                        SizeForm();
                        BuildDatePickers();
                    } catch (e) { }
                }
                function ShowErrMsg()
                {
                    try
                    {
     
                    }
                    catch (msg) { }
                }
                function GridCreated(sender, eventArgs)
                {
                    SizeForm();
                }
     
     
                function SizeForm()
                {
                    try
                    {
                        var eh = parseInt(document.getElementById('<%=hfExtraHeight.ClientID%>').value);
                        var w = ($(window).width());
                        var h = ($(window).height() - 89);
                        document.getElementById('<%=hfGridHeight.ClientID%>').value = h;
                        document.getElementById('<%=hfGridWidth.ClientID%>').value = w;
                        if (document.getElementById('<%=SurveyDetails.ClientID%>') != null && document.getElementById('<%=SurveyDetails.ClientID%>') != "undefined")
                        {
                            var o = document.getElementById('<%=SurveyDetails.ClientID%>');
                            o.style.width = w + "px";
                            o.style.height = (h + eh) + "px";
                        }
                    }
                    catch (e) { }
                }
                $(document).ready(function ()
                {
                    $(function ()
                    {
                        SizeForm();
                    });
     
                });
                $(window).resize(function ()
                {
                    SizeForm();
                });
     
            </script>
            <style type="text/css">
                html
                {
                    overflow:auto;
                }
     
                html,
                body,
                form
                {
                    margin:0;
                    height:100%;
                    width:100%;
                }
                body{background-color:#ffffff;}
                #dvPageHeader
                {
                    background-color:#C9DA2C;
                    width:100%;
                    padding:0px 0px 0px 0px;
                    min-height:32px;               
                    max-height:32px;
                    background-image:url(../img/topbarbggrn4.png);
                    background-repeat:repeat-x;  
                }
                 
                #dvBackButton
                {
                    float:left;
                    padding:0px 5px 0px 0px;
                    background-image:url(<%=ResolveClientUrl("~/img/btnBack.png")%>);
                    background-repeat:no-repeat;
                    height:32px;
                    width:32px
                }
                 
                #dvGetReport
                {
                    float:left;
                    padding:0px ;
                    background-image:url(<%=ResolveClientUrl("~/img/btnGetReport3.png")%>);
                    background-repeat:no-repeat;
                    height:32px;
                    width:80px  
                }
                 
                #dvMainBody
                {
                    width:100%;
                    height:100%;
                    background-position:left top;           
                    background-color:#C9DA2A;
                    background-image:url(<%=ResolveClientUrl("~/img/mozeus_background_big.gif")%>);
                    background-repeat:no-repeat;
                    border:1px solid #ff0000;
                }
                 
                #dvProgramName
                {
                    color:#3a3a3c;
                    font-size:14px;
                    width:100%;
                    height:15px;
                    text-align:center;
                    padding:5px 0px 5px 0px;
                    background-color:#ffffff;
                }
                div.RadGrid_Default .rgRow td,
                div.RadGrid_Default .rgAltRow td,
                div.RadGrid_Default .rgResizeCol,
                div.RadGrid_Default .rgFilterRow td,
                div.RadGrid_Default .rgHeader
                {
                    border-right:1px solid #3a3a3c; 
                }       
                div.RadGrid_Default .rgRow td,
                div.RadGrid_Default .rgAltRow td,       
                div.RadGrid_Default .rgHeader
                {
                    border-bottom:0px;
                }
                         
                div.RadGrid_Default .rgHeader
                {
                    border-top:1px solid #3a3a3c; 
                }
                .lblSurvey,.lblProgram,.lblCustomer
                {
                    font-weight:bold;  
                }
                .failureNotification
                {
                    font-size: 14px;
                    font-weight:bold;
                    width:100%;
                    background-color:#ffffff;
                    color: Red;
                    padding:0px;
                    margin:0px;
                }
                .errMsg
                {
                   width:100%;
                   font-size: 14px;
                }
                .photoLink
                {
                    color:#0000ff;  
                }
            </style>
             
        <asp:PlaceHolder ID="phCSS" runat="server" Visible="false" >        
            <style type="text/css">
                .main
                    {
                        background-color:#000000;
                        background-image:url(<%=ResolveClientUrl("~/img/spacer.gif")%>); 
                    }
                #tdPoweredBy{color:#000000;}
            </style>
        </asp:PlaceHolder>
            <!--[if IE]>
            <style type="text/css">
                .input2
                {
                  height:15px;  
                  font-size:13px;
                }
            </style>       
            <![endif]-->
        </telerik:RadCodeBlock>
    </head>
    <body onload="SizeForm()" >
        <form id="form1" runat="server">
         
        <telerik:radscriptmanager runat="server"></telerik:radscriptmanager>
        <telerik:radajaxmanager runat="server" ID="RAM1" ClientEvents-OnResponseEnd="onResponseEnd" ClientEvents-OnRequestStart="onRequestStart" RequestQueueSize="50" >
        <AjaxSettings>
         
            <telerik:AjaxSetting  AjaxControlID="btnGetReport">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="pnlAll" LoadingPanelID="RadAjaxLoadingPanel1"/>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            <telerik:AjaxSetting  AjaxControlID="btnExportToCSV">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="pnlAll"/>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            <telerik:AjaxSetting  AjaxControlID="SurveyDetails">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="pnlAll" LoadingPanelID="RadAjaxLoadingPanel1"/>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            <telerik:AjaxSetting  AjaxControlID="ddlSurvey">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="ddlSurvey" LoadingPanelID="RadAjaxLoadingPanel2"/>
                        <telerik:AjaxUpdatedControl ControlID="ddlSurveyVersion" LoadingPanelID="RadAjaxLoadingPanel2"/>
                        <telerik:AjaxUpdatedControl ControlID="DatePicker1" LoadingPanelID="RadAjaxLoadingPanel2"/>
                    </UpdatedControls>
                </telerik:AjaxSetting>
        </AjaxSettings>
        </telerik:radajaxmanager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" InitialDelayTime="0" MinDisplayTime="1500" Skin="Telerik">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" InitialDelayTime="0" Skin="Transparent">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true" Behaviors="Close, Move, Resize,Maximize" >
            <Windows>
                <telerik:RadWindow ID="PreviewWindow" runat="server" Title="View Photo" ReloadOnShow="true" ShowContentDuringLoad="false"
                    Modal="true" Skin="Black" IconUrl="../img/iconmozeus.png" VisibleStatusbar="false"
                    Behaviors="Close,Move" AutoSizeBehaviors="Default" AutoSize="true" KeepInScreenBounds="true" DestroyOnClose="true" height="240" width="320">
                    <ContentTemplate>
                        <img src="javascript:void(0);" alt="Image holder" id="imageHolder" />
                    </ContentTemplate>
                    </telerik:RadWindow
            </Windows>
        </telerik:RadWindowManager>
        <asp:Panel ID="pnlAll" runat="server" Width="100%" Height="100%">
             
            <telerik:RadCodeBlock runat="server" ID="rcbSvyDtlHdr35">
            <asp:HiddenField ID="hfCustomerProgram" runat="server" />
         <asp:HiddenField ID="hfCollapsedColumns" runat="server" />
            <asp:HiddenField ID="hfGridHeight" runat="server" value="600"/>
            <asp:HiddenField ID="hfGridWidth" runat="server" Value="1000" />
            <asp:HiddenField ID="hfExtraHeight" runat="server"  Value="0"/>
            <asp:HiddenField ID="hfLicenseKey" runat="server" />
            <asp:HiddenField ID="hfColNames" runat="server" />
           <div style="float:right;height:0px;position:relative;top:36px;text-align:right;padding-right:3px;">
                 <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td style="vertical-align:middle;width:155px;height:16px;padding:0px;margin:0px;" ><img src="<%=ResolveClientUrl("~/img/powered_by_mozeus_logo.png")%>" id="img1" title="Powered by MoZeus Worldwide" alt="Powered by MoZeus Worldwide"  style="height:16px;width:155px;margin:0px;padding:0px"/></td>
                    </tr>
                </table>
            </div>
            </telerik:RadCodeBlock>
                        <!--Start dvPageHeader-->
                        <div id="dvPageHeader">
                            <!--Start dvBackButton-->
                            <telerik:RadCodeBlock runat="server" ID="rcbSvyDtlHdr2">
                            <div id="dvBackButton" onmouseover="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnBack_over.png")%>');"
                            onmouseout="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnBack.png")%>');" style="display:none;">
                                <asp:ImageButton ID="btnBack" runat="server"
                                ImageUrl="~/img/spacer.gif"
                                AlternateText="Back To Previous Report"
                                Height="30px"
                                Width="32px"
                                ValidationGroup="GetReportValidationGroup"
                                ToolTip="Back To Previous Report"
                                ImageAlign="AbsMiddle"
                                onclick="btnBack_Click" />
                            </div>
                            </telerik:RadCodeBlock>
                             <!--End dvBackButton-->
                            <!--Start Parameters-->
                              <asp:PlaceHolder ID="phSearchParams" runat="server">
                                <asp:PlaceHolder ID="phReportDDL" runat="server" Visible="false">
                                    <div class="label1" style="float:left;padding:8px 5px 0px 5px;">
                                    Report:
                                    </div>
                                    <div style="float:left;padding:6px 5px 0px 0px;">
                                        <asp:DropDownList ID="ddlReport" runat="server" CssClass="input1">
                                        </asp:DropDownList>
                                    </div>
                                    <asp:HiddenField runat="server" ID="hfDbGuidId">
                                    </asp:HiddenField>
                                    <asp:HiddenField runat="server" ID="hfParentDbGuidId">
                                    </asp:HiddenField>
                                </asp:PlaceHolder>
                                <asp:PlaceHolder ID="phLicenseKey" runat="server" Visible="false">
                                    <div style="padding:0px 5px 0px 0px;float:left;">
                                    <div class="label1" style="padding:8px 5px 0px 5px">
                                        License:
                                    </div>
                                    <div style="float:left;padding:6px 5px 0px 0px;">
                                        <asp:DropDownList ID="ddlLicenses" runat="server" CssClass="input13">
                                        </asp:DropDownList>
                                    </div>
                                    </div>
                                </asp:PlaceHolder>
                                <div class="label1" style="float:left;padding:8px 5px 0px 5px;">
                                Survey:
                                </div>
                                <div style="float:left;padding:6px 5px 0px 0px;">
                                    <asp:DropDownList ID="ddlSurvey" runat="server" CssClass="input1" onselectedindexchanged="ddlSurvey_SelectedIndexChanged" AutoPostBack="true"/>
                                </div>
                                <div class="label1" style="float:left;padding:8px 5px 0px 0px;">
                                Version:
                                </div>
                                <div style="float:left;padding:6px 5px 0px 0px;">
                                    <asp:DropDownList ID="ddlSurveyVersion" runat="server" CssClass="input1">
                                    </asp:DropDownList>
                                </div>
                                <div>
                                    <div style="padding:5px 0px 0px 0px;float:left;">
                                        <!--DATE RANGE PICKER-->
                                        <uc:DatePicker id="DatePicker1" runat="server" ValidationGroup="GetReportValidationGroup" CssClass="input1 input2" >
                                        </uc:DatePicker>
                                        <asp:HiddenField ID="hfOriginalStartDate" runat="server" />
                                        <asp:HiddenField ID="hfOriginalEndDate" runat="server" />
                                    </div>
                                </div>
                                <telerik:RadCodeBlock runat="server" ID="cbSvyDetails2">
                                    <div id="dvGetReport" onmouseover="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnGetReport3_over.png")%>');"
                                      onmouseout="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnGetReport3.png")%>');">
                                        <asp:ImageButton ID="btnGetReport" runat="server"
                                            ImageUrl="~/img/spacer.gif"
                                            AlternateText="Get Report"
                                            Width="80px"
                                            height="30px"
                                            onclick="btnGetReport_Click" 
                                            ValidationGroup="GetReportValidationGroup"
                                            CssClass="button"/>
                                    </div>
                                </telerik:RadCodeBlock>
                            </asp:PlaceHolder>
                            <!--End Parameters-->
                            <div style="padding:8px 3px 0px 0px;float:right;">
                                <telerik:RadCodeBlock runat="server" ID="cb1">
                                    <div class="dvLogOut" style="display:none;font-family: Arial;">[<a href='<%=ResolveClientUrl("~/Default.aspx")%>?m=<%=((int)MoZeus.Report.Web.WebRole.Enum.Messages.LogOut).ToString()%>'>Log Off</a>]</div>
                                    <div class="dvPoweredBy" id="dvStaticPoweredBy" style="display:none">
                                        <table cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td style="vertical-align:middle;width:24px;height:24px;padding:0px;margin:0px;" ><img src="<%=ResolveClientUrl("~/img/powered_by_mozeus_logo3.png")%>" id="imgPwrdBy" title="Powered by MoZeus Worldwide" alt="Powered by MoZeus Worldwide"  style="height:24px;width:24px;margin:0px;padding:0px"/></td>
                                                <td style="vertical-align:middle;height:24px;margin:0px" id="tdPoweredBy">Powered By MoZeus Worldwide</td>
                                            </tr>
                                        </table>
                                    </div>
                                </telerik:RadCodeBlock>
                            </div>
                        </div>
                        <!--End dvPageHeader-->
            <!--Start dvMainBody-->
                                
                <div class="errMsg" ID="lblErrMsg" runat="server" visible="false" ></div>
                <uc:FormMessage id="formMessage1" runat="server" text="" />
                <asp:PlaceHolder ID="phCustProgSvyName" runat="server" Visible="true" >
                    <div id="dvProgramName">
                        <!--<div style="display:none"> Customer:
                        <asp:Label ID="lblCustomer" runat="server" CssClass="lblCustomer" />
                        <br />
                        Program:
                        <asp:Label ID="lblProgram" runat="server" CssClass="lblProgram" />
                        <br /></div>-->
                        License: <asp:Label ID="lblLicense" runat="server" CssClass="lblSurvey" /> | Survey: <asp:Label ID="lblSurvey" runat="server" CssClass="lblSurvey" />
                    </div>
                </asp:PlaceHolder>
                    <asp:PlaceHolder ID="phExport" runat="server" Visible="false" >
                        <div style="text-align:left;width:100%;border-right:0px;border-left:0px;background:#ffffff;">
                            <telerik:RadCodeBlock runat="server" ID="cbSvyDetails6">
                                <div style="border-right:0px;border-left:0px;padding:0px 0px 0px 0px;background-image:url(<%=ResolveClientUrl("~/img/btnExportCSV.png")%>);
                        background-repeat:no-repeat;height:32px;width:100px" id="dvExport"  onmouseover="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnExportCSV_over.png")%>');"   onmouseout="ChangeBgImage(this,'<%=ResolveClientUrl("~/img/btnExportCSV.png")%>');">
                                    <asp:ImageButton ID="btnExportToCSV" onclick="btnExportToCSV_Click" runat="server"
                                        ImageUrl="~/img/spacer.gif" AlternateText="Back To Previous Report" Height="32px"
                                        Width="100px" ToolTip="Export to CSV file" ImageAlign="AbsMiddle"/>
                                </div>
                            </telerik:RadCodeBlock>
                        </div>
                    </asp:PlaceHolder>
               <asp:PlaceHolder ID="phSurveyDetails" runat="server" Visible="false">
                <telerik:RadGrid ID="SurveyDetails"
                    AllowSorting="True"
                    AllowPaging="True"
                    PageSize="50"
                    runat="server"
                    AllowFilteringByColumn="True"
                    ShowStatusBar="True"
                    HeaderStyle-HorizontalAlign="Center"
                    ShowHeadersWhenNoRecords="true"
                    EnableNoRecordsTemplate="true"
                    OnItemCommand="SurveyDetails_ItemCommand" 
                    OnNeedDataSource="SurveyDetails_NeedDataSource"
                    OnGridExporting="SurveyDetails_GridExporting"
                    ShowFooter="True"
                    EnableLinqExpressions="False"
                    CellSpacing="0"
                    GridLines="None"
                    style="border:0;outline:none;font-size:12px;"
                    OnPageIndexChanged="SurveyDetails_PageIndexChanged"
                    oncolumncreated="SurveyDetails_ColumnCreated"
                    onitemcreated="SurveyDetails_ItemCreated">
                    <PagerStyle Mode="NextPrevAndNumeric" Position="Bottom"  AlwaysVisible="true" />
                    <ExportSettings ExportOnlyData="true" IgnorePaging="true"  OpenInNewWindow="true">
                        <Csv EncloseDataWithQuotes="false" />
                    </ExportSettings>
                    <MasterTableView ShowFooter="true" AutoGenerateColumns="true" EnableNoRecordsTemplate="true" AllowFilteringByColumn="true" AllowMultiColumnSorting="True" >
                        <NoRecordsTemplate>
                            No records found.</NoRecordsTemplate>
                        <ItemStyle HorizontalAlign="Left" Wrap="false"/>
                        <AlternatingItemStyle HorizontalAlign="Left" Wrap="false"/>
                        <HeaderStyle HorizontalAlign="Center"  Wrap="false"/>
                        <FilterItemStyle HorizontalAlign="Center"/>
                    </MasterTableView>
                    <ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="false"
                        ColumnsReorderMethod="Reorder" AllowExpandCollapse="true">
                        <Animation AllowColumnReorderAnimation="true" AllowColumnRevertAnimation="true" />
                        <Resizing AllowColumnResize="true"  ClipCellContentOnResize="false"  EnableRealTimeResize="true" />
                        <Scrolling AllowScroll="True" UseStaticHeaders="True"  />
                        <ClientEvents OnColumnResized="ColumnResized" OnGridCreated="GridCreated" >
                        </ClientEvents>
                        <DataBinding EnableCaching="true" />
                    </ClientSettings>
                    <FilterMenu EnableImageSprites="False">
                    </FilterMenu>
                </telerik:RadGrid>
            </asp:PlaceHolder>
            <!--End dvMainBody-->
     
        </asp:Panel>
    <telerik:RadCodeBlock runat="server" ID="cbSvyDetails3">
        <script language="JavaScript" type="text/javascript">
            <!--
            if (document.images)
            {
                pic1 = new Image(80, 32);
                pic1.src = '<%=ResolveClientUrl("~/img/btnGetReport3_over.png")%>';
     
                pic2 = new Image(32, 32);
                pic2.src = '<%=ResolveClientUrl("~/img/btnBack_over.png")%>';
     
                pic3 = new Image();
                pic3.src = '<%=ResolveClientUrl("~/img/btnExportCSV_over.png")%>';
            }
     
            function ColumnResized(sender, eventArgs)
            {
                var indx = eventArgs.get_gridColumn().get_element().cellIndex;
                var masterTableView = $find("<%= SurveyDetails.ClientID %>").get_masterTableView();
                var colName = masterTableView.get_columns()[indx].get_uniqueName();
                var wdth = eventArgs.get_gridColumn().get_element().offsetWidth;
                CheckhfCollapsedColumns(colName, wdth);
            }
     
            function CheckhfCollapsedColumns(colName, wdth)
            {
                try
                {
                    var s = document.getElementById("<%=hfCollapsedColumns.ClientID%>").value;
                    var spl = s.split(';');
                    s = '';
                    for (var i = 0; i < spl.length; i++)
                    {
                        if (spl[i] != colName && spl[i] != '')
                        {
                            s += spl[i] + ";";
                        }
                    }
                    if (wdth <= 5)
                    {
                        s += colName;
                    }
     
                    if (s.lastIndexOf(';') == s.length - 1)
                        s.substring(0, s.length - 2);
                    document.getElementById("<%=hfCollapsedColumns.ClientID%>").value = s;
                }
                catch (e) { alert(e); }
     
     
            }
                    SizeForm();
            //-->
     
        </script>
    </telerik:RadCodeBlock>
        </form>
    </body>
    <!--Microsoft recommends doing this to stop caching-->
    <head>
    <meta http-equiv="PRAGMA" content="NO-CACHE"/>
    </head>
    </html>


    Thanks,
    Eric
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017