Questions on UI for ASP.NET AJAX Forum

1 answer

343 views

Microsoft JScript runtime error: 'Telerik' is undefined

I am running VS2010 with the bin40 version of the Telerik RadControls with IIS6 - Win2K. Unfortunately, I cannot get even a simple page to run.

Has anyone gotten the RadControls to run in VS2010? If so, have you experienced and solved this problem?

Here's the scenario.

1.) Create new Telerik project - C# RadControls Web Application

2.) Project Configuration Wizard - Web Settings

Use ScriptManager CDN
Use StyleSheetManager CDN
Default Controls Scenario generation settings: - Use Ajaxified Templates

3.) Generated Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>
<!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>
   <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
</head>
<body>
    <form id="form1" runat="server">
   <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
       <Scripts>
           <%--Needed for JavaScript IntelliSense in VS2010--%>
           <%--For VS2008 replace RadScriptManager with ScriptManager--%>
           <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
       </Scripts>
   </telerik:RadScriptManager>
   <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
   </telerik:RadAjaxManager>
   <div>
   </div>
   </form>
</body>
</html>

4.) Generated web.config
<?xml version="1.0"?>
<configuration>
   <appSettings>
       <add key="Telerik.ScriptManager.TelerikCdn" value="Enabled"/>
       <add key="Telerik.StyleSheetManager.TelerikCdn" value="Enabled"/>
   </appSettings>
   <system.web>
       <compilation debug="true" targetFramework="4.0"/>
       <pages>
           <controls>
               <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>
           </controls>
       </pages>
       <httpHandlers>
           <add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false"/>
           <add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false"/>
           <add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false"/>
           <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false"/>
           <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>
       </httpHandlers>
       <httpModules></httpModules>
   </system.web>
   <system.webServer>
       <validation validateIntegratedModeConfiguration="false"/>
       <modules runAllManagedModulesForAllRequests="true"></modules>
       <handlers>
           <remove name="ChartImage_axd"/>
           <add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode"/>
           <remove name="Telerik_Web_UI_SpellCheckHandler_axd"/>
           <add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode"/>
           <remove name="Telerik_Web_UI_DialogHandler_aspx"/>
           <add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode"/>
           <remove name="Telerik_RadUploadProgressHandler_ashx"/>
           <add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode"/>
           <remove name="Telerik_Web_UI_WebResource_axd"/>
           <add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode"/>
       </handlers>
   </system.webServer>
</configuration>

5.) Error message when attempt to run the application:   "JScript runtime error: 'Telerik' is undefined"

6.) Offending line of code:
//<![CDATA[
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadAjaxManager, {"_updatePanels":"","ajaxSettings":[],"clientEvents":{OnRequestStart:"",OnResponseEnd:""},"defaultLoadingPanelID":"","enableAJAX":true,"enableHistory":false,"links":[],"styles":[],"uniqueID":"RadAjaxManager1","updatePanelsRenderMode":0}, null, null, $get("RadAjaxManager1"));
});
//]]>

7.) Adding following line to default.aspx does not resolve the problem
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

The only pages that run are from the tutorial, once I run the wizard to update the pages to use .Net 4.0.

General Discussions

answered on 29 Sep 2011

5 answers

108 views

Hiding a row

How do i do that?
I tried something like following:

Protected Sub RadGrid1_ItemDataBound(sender As Object, e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemDataBound

' display only items with images provided

Dim item As GridDataItem = CType(e.Item, GridDataItem)

If DataBinder.Eval(item.DataItem, "Image").ToString = "" Then

' do not show up the record/row

End If

End Sub

Thank you

Grid

answered on 29 Sep 2011

1 answer

131 views

Click and Double Click

Hi

The double click works perfectly (opening inlineinsert or edit)

Now I have added OnClientAppointmentClick event on another scheduler wich also works fine

But when I try to combine these 2 fonctionnality in another scheduler, the OnClientAppointmentClick fires on the double click. is there a way to prevent this.

Thanks

Scheduler

answered on 29 Sep 2011

3 answers

130 views

Jquery

I see that Telerik controls already support Jquery, but how much of that functionality is used when using a telerik control? How much more benefit can be gained by actually using a Jquery plugin in addition to the latest version of the telerik control? (Controls that I have already used are: RadGrid, RadAjax, RadDatePicker, radtreelist to name a few.

Thx.

Ajax

answered on 28 Sep 2011

2 answers

100 views

Adding Panel Item Programatically with image.

Hi,

I am adding panel items programatically. The items have image and text and I can set the image to the left or right of the text. Is there a way to have the image on the top and the text below it. Are there any examples for this.

Thanks

PanelBar

answered on 28 Sep 2011

2 answers

92 views

XML IN RAD filter

Hi guys,
Is there any way with which i can have XML values as fields into rad filter..?

Thanks In advance..!!!

Ajax

answered on 28 Sep 2011

2 answers

110 views

Resources not being 'selected' in Telerik Scheduler Edit Dialog

I've implemented Telerik scheduler on timeline view. I am allowing a M:M relationship between my y-axis resource (advocates) and Meetings. Here is what my scheduler looks like:

Timeline View

When I double click one of the instances of the meeting, the advanced edit dialog appears. However, in here, none of the advocates are selected as participants in the meeting:

Advocate Resources - edit meeting dialog

There are a number of advocates for whom this meeting appears in the timeline. Why do they not get displayed as selected in the edit form?

The problem doesn't end there. I have a second type of resources (legislators). There is a similar problem here - I have relationships defined for this meeting and 4 legislators, but only the first legislator is checked (and the other three remain unckecked):

Legislator Resources - edit meeting dialog

I need to add two other types of resources, and I expect that I will have a similar problem to the two I have already added.

I have been able to verify visually by changing the grouping of my scheduler and through SQL queries that the relationships in the database are valid. So, why am I unable to see each of these related resources checked? My scheduler code is as follows:

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

AdvancedForm-Enabled="true"

AllowEdit="true"

AllowInsert="true"

DataEndField="End"

DataKeyField="ID"

DataSourceID="EventsDataSource"

DataStartField="Start"

DataSubjectField="Subject"

DayEndTime="17:00:00"

DayStartTime="07:00:00"

EnableAdvancedForm="true"

Localization-HeaderMultiDay="Work Week"

OverflowBehavior="Expand"

OnAppointmentDelete="OnAppointmentDelete"

OnAppointmentInsert="OnAppointmentInsert"

OnAppointmentUpdate="OnAppointmentEdited"

OnNavigationComplete="RadScheduler1_NavigationComplete"

SelectedDate="9/20/2011"

SelectedView="TimelineView"

>

<AppointmentContextMenuSettings EnableDefault="true" />

<AdvancedForm Modal="true" />

<ResourceTypes>

<telerik:ResourceType KeyField="Adv_AdvocateID" AllowMultipleValues="true" Name="Advocate" TextField="Adv_FullName" ForeignKeyField="Adv_AdvocateID"

DataSourceID="AdvocatesDataSource" />

</ResourceTypes>

<ResourceTypes>

<telerik:ResourceType KeyField="Leg_LegID" Name="Legislator" AllowMultipleValues="true" TextField="Leg_FullName" ForeignKeyField="Leg_LegID"

DataSourceID="LegislatorsDataSource" />

</ResourceTypes>

<TimelineView UserSelectable="true" GroupBy="Advocate" GroupingDirection="Vertical" />

<MultiDayView UserSelectable="false" />

<DayView UserSelectable="false" />

<WeekView UserSelectable="false" />

<MonthView UserSelectable="false" />

</telerik:RadScheduler>

I'm hoping someone can shed some insight into how to correctly display the selected resources in the edit appointment dialog, and I thank you in advance for your help.

Scheduler

answered on 28 Sep 2011

2 answers

90 views

edit form - Update Cancel Format

Hello
I would like to know how to change the Update Cancel linklabels format when I'm editing a record? I would like to make them bigger for example. Or to make the space between both linklabels bigger. Does it have a way to do this?
Thank you

Grid

answered on 28 Sep 2011

1 answer

193 views

Issue with RadEditor rendering instead RadMultiPage & RadTabStrip with Ribbon Bar toolbar

Just upgraded from .712 to .915 and noticed an interesting new behavior. I have a RadEditor inside a RadMultiPage with a RadTabStrip. All that's inside a RadPane. I just RadAjaxManager to load most of this stuff dynamically.

The editor is on the second tab. If I refresh RadPane and have the tab strip default to the first tab, when I switch to the second tab the editor looks fine. But if the refresh makes or leaves the second tab active (so that the editor is there after the ajax call) it looks all messed up. Attached is a sample.

Editor

answered on 28 Sep 2011

2 answers

222 views

Overlaying the entire screen with Popup

Hi,

I am using a grid with a button that opens a modal popup window. When I click the button the grid is overlayed, but not the entire screen - just the grid. Then when the popup opens the rest of the screen is overlayed.
How can I control the first overlay and make it overlay the entire screen, directly when the user clicks on the button?

Excerpt from my page:

 <telerik:GridEditCommandColumn UniqueName="actionsCommandColumn" EditText="Go" ButtonType="PushButton" HeaderStyle-CssClass="RadGridHeaderStyle">
                          <HeaderStyle Font-Bold="True" Width="9%" />
                        </telerik:GridEditCommandColumn>
                    </Columns>
                    <EditFormSettings EditFormType="WebUserControl" PopUpSettings-Modal="true" UserControlName="CustomControls\QuoteAndPolicyActions.ascx"
                        CaptionFormatString="Select an Action">
                        <EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn column"
                            Visible="false">
                        </EditColumn>
                    </EditFormSettings>

Thanks for your help,
Nicolas

Grid

answered on 28 Sep 2011