'telerik not defined' javascript error on IIS7 (Vista) + VS2008

[Reini]

hi!

i read about this error in many threads and tried all solutions:

• add the http handler
• ajax enable the website
• copy the handler to the 'system.webserver' section for iis7

none of this works....

i have no forms or other authentication on the site...

especially the 'iis7 troubleshoot' information does not work at all: if i add the handler to both 'system.web' and 'system.webserver' the application won't start at all - if i remove it from 'system.web' i get the error to add it....

pleeeeease could anyone help? i'm getting crazy here!

by the way, using the 'scripmanager' from the .net framework at least brings up a page for me.... what am i missing?

thank you very much!
reinold

[Helen]

Hello Reini,

Could you try to open some script url from your page?  What is the exact error you receive?
For example, if you have the following script rendered on your page:

<script src="/TestScheduler/ScriptResource.axd?d=12roYDHaHaQcg3gMtV45LHom3J3ozu9qpmsTJvs0Mri4TWTj81muE8iCRsctCo56B-IuYVf2MQjDAF-Cdj0Oow2&amp;t=633276693480000000" type="text/javascript"></script>

Try to open the src.

Regards,
Helen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Yvo van Wijk]

Hello,

I've got the same problem. After the page is done loading, there is a javascript error stating that Telerik is undefined.

Below I've copied the aspx code:

<%

@ Control Language="C#" AutoEventWireup="true" CodeFile="projectAgenda.ascx.cs" Inherits="Bouwlogics.Web.UserControls.projectAgenda" %>

<%

@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<

style type="text/css">

.TableLayout_Office2007

td.DayWithAppointments,

.TableLayout_Office2007

td.DayWithAppointments a

{

background-color: #C8D8ED;

}

.TableLayout_Office2007

td.DayWithAppointments a

{

border-color: #C8D8ED;

}

div.qsf_wrapper

{

width: 1080px;

}

div.qsf_footer

{

float: left;

width: 700px;

}

.schedulerPane

{

position:relative;

}

#outlookWrapper

{

background: transparent url("Images/background.png") no-repeat top left;

width: 779px;

position: relative;

height: 626px;

}

#outlookWrapper

h1

{

font: bold 14px SegoeUI, Arial, sans-serif;

padding: 13px 0 0 36px;

margin: 0;

color: #15428b;

position: relative;

}

#RadSplitter1

{

width: 767px;

height: 587px;

position: absolute;

top: 33px;

left: 6px;

border: 0;

}

#RadSplitter1

.pane

{

border: 0;

}

#RadSplitter1

.resizeBar,

#RadSplitter1

.resizeBarOver

{

border: 0;

}

.calendarPane

{

padding: 38px 0 0 0;

}

.calendarPane

.calendarWrapper_Office2007

{

margin: 0 auto 20px auto;

width: 170px;

}

.calendarPane

a

{

line-height: 10px !important;

}

.calendarPane

.DaysOfWeek_Office2007

{

text-transform: capitalize;

}

.calendarPane

#RadCalendar3_Title

{

height: 16px;

}

.rsHeader

{background-color:#fff}

div.RadScheduler_Office2007

.rsHeader ul { padding: 0 }

</

style>

<

telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</

telerik:RadScriptManager>

<

telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadCalendar1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadCalendar1" />

<telerik:AjaxUpdatedControl ControlID="RadCalendar2" />

<telerik:AjaxUpdatedControl ControlID="RadCalendar3" />

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadCalendar2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadCalendar1" />

<telerik:AjaxUpdatedControl ControlID="RadCalendar2" />

<telerik:AjaxUpdatedControl ControlID="RadCalendar3" />

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadCalendar3">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadCalendar1" />

<telerik:AjaxUpdatedControl ControlID="RadCalendar2" />

<telerik:AjaxUpdatedControl ControlID="RadCalendar3" />

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadScheduler1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadCalendar1" />

<telerik:AjaxUpdatedControl ControlID="RadCalendar2" />

<telerik:AjaxUpdatedControl ControlID="RadCalendar3" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</

telerik:RadAjaxManager>

<

telerik:RadAjaxLoadingPanel id="RadAjaxLoadingPanel1" Runat="server" Transparency="30" BackColor="#E0E0E0">

<asp:Image id="Loading" runat="server" AlternateText="Loading" Style="margin-top: 200px" BorderWidth="0px" ImageUrl="~/RadControls/AJAX/Skins/Default/loading.gif"></asp:Image>

</

telerik:RadAjaxLoadingPanel>

<

div id="outlookWrapper">

<telerik:RadSplitter runat="server" ID="RadSplitter1" Height="557px" Width="576px" Skin="Office2007" BorderSize="0">

<telerik:RadPane runat="server" ID="CalendarPane" MinWidth="175" Width="200px" CssClass="calendarPane">

<telerik:RadCalendar runat="server" ID="RadCalendar1"

Skin="Office2007" AutoPostBack="true" EnableMultiSelect="false"

DayNameFormat="FirstTwoLetters" EnableNavigation="true" EnableMonthYearFastNavigation="false"

OnSelectionChanged="RadCalendar1_SelectionChanged"

OnDefaultViewChanged="RadCalendar1_DefaultViewChanged">

</telerik:RadCalendar>

<telerik:RadCalendar runat="server" ID="RadCalendar2"

Skin="Office2007" AutoPostBack="true" EnableMultiSelect="false"

DayNameFormat="FirstTwoLetters" EnableNavigation="false" EnableMonthYearFastNavigation="false"

OnSelectionChanged="RadCalendar2_SelectionChanged">

</telerik:RadCalendar>

<telerik:RadCalendar runat="server" ID="RadCalendar3"

Skin="Office2007" AutoPostBack="true" EnableMultiSelect="false"

DayNameFormat="FirstTwoLetters" EnableNavigation="false" EnableMonthYearFastNavigation="false"

OnSelectionChanged="RadCalendar3_SelectionChanged">

</telerik:RadCalendar>

</telerik:RadPane>

<telerik:RadSplitBar runat="server" CollapseMode="Forward" id="RadSplitBar1" BorderWidth="0" />

<telerik:RadPane runat="server" ID="SchedulerPane" CssClass="schedulerPane" MinWidth="350" Width="564px">

<telerik:RadScheduler runat="server" ID="RadScheduler1"

Skin="Office2007" EnableEmbeddedSkins="True"

DayStartTime="08:00:00" DayEndTime="18:00:00"

OnAppointmentInsert="RadScheduler1_AppointmentInsert"

OnAppointmentUpdate="RadScheduler1_AppointmentUpdate"

OnAppointmentDelete="RadScheduler1_AppointmentDelete"

DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End"

DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentId">

<TimelineView UserSelectable="false" />

</telerik:RadScheduler>

</telerik:RadPane>

</telerik:RadSplitter>

</

div>

[Helen]

Hi Yvo,

Could you try to replace the RadScriptManager with the standard ScriptManager?
Do you experience the same problem?


Regards,
Helen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Yvo van Wijk]

I've found the cause. It had todo with the web.config.
Af ter adding all the necessary lines for ajax, I still had the error. It turned out the cause was the following line in the web.config:

<xhtmlConformance mode="Legacy"/>

Any idea why this is not allowed?

[max]

    <system.webServer>

            .....

            <add name="ChartImage" path="ChartImage.axd"  verb="*" type="Telerik.Web.UI.ChartHttpHandler, Telerik.Web.UI, Version=2008.1.619.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />
            <add name="Telerik.Web.UI.WebResource" path="Telerik.Web.UI.WebResource.axd"  verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" />

        </handlers>
    </system.webServer>

Try adding these rows in your web.config..