Questions on UI for ASP.NET AJAX Forum

2 answers

157 views

[Solved] Javascript error due to RadSpell

Recently I have upgraded Telerik version(UI for ASP.NET AJAX) of our project to 2016 Q1. I am using RadSpell on a modal window to check spelling of a textbox on a toolbar button click. After checking for spellings, when I am clicking Close button of the parent modal window, a javascript error is occurring.

Unable to get property 'mouseup' of undefined or null reference
URL: http://localhost/iTrakWebApp/ScriptResource.axd?d=9q9IkYzT1P6H219_x_k_x6tLRP323yXAyrwkg1Ad2IPRcVJmSr5AfeHLfQpTT0ru3iT17DNdmYKU5PFr8hBs5AsWwk8jA0vEMVJJ-56Xnq_NSUL51QzqhcizV-kFio5lZ5xjPw2&t=ffffffffcf2f22b2

Note that, this error was not occurring in 2015 Q3 version. Also I can't reproduce the issue if I remove the RadSpell control from the page.

For convenience, I am adding the lines of code related to RadSpell control. It would be of great help if someone can point out why this js error is occurring. Thanks in advance.

<Rad:RadSpell ID="SpellCheck" runat="server" ButtonType="None" OnClientDialogClosed="SpellCheckClosed" IsClientID="true" meta:resourcekey="SpellCheckResource1" />

......

// called this function on spell check button click

function StartCheck() {

var sources = [new Telerik.Web.UI.Spell.HtmlElementTextSource($get('<%=tbxSynopsis.ClientID %>'))];

var spell = $find('<%= SpellCheck.ClientID %>');

spell.set_textSource(new Telerik.Web.UI.Spell.MultipleHtmlElementsSource(sources));

spell.startSpellCheck();

}

Spell

answered on 24 Feb 2016

1 answer

120 views

show throw exception in UI from CustomProvider

Hi

I use gantt chart viewer in my company project.

it's realy perfect but i have some problem with custom provider

i want show a message in UI when something is wrong is customProvider
for example use delete a dependency but in deleteDependency function ,we understand use haven't dependency delete permittion and we throw a exception.

but in UI, dependency line is deleted.

we want show dependency line in UI if delete function return throw exception and show a message to user contain throw message.

Gantt

answered on 24 Feb 2016

1 answer

954 views

Call javascript function (contain jquery function) from code behind ?

Hi Telerik team

I have blow code and i delcare a javascript function in web page that contain a few jquery function . i wana to call it from code behind but when use it i get error .

please help me .

<%@ 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" />

<style type="text/css">

#msg {

width: 400px;

height: 200px;

background-color: fuchsia;

color: blueviolet;

font-size: 16px;

display: none;

}

</style>

</head>

<body>

<form id="form1" runat="server">

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

(function ($) {

$(document).ready(function () {

function showmsg() {

$("#msg").show(2000).delay(3000).hide(2000);

}

});

})($telerik.$);

</script>

</telerik:RadScriptBlock>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadButton1">

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadButton1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadButton1" UpdatePanelCssClass=""></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton" OnClick="RadButton1_Click">

</telerik:RadButton>

</div>

<div id="msg">

Hi Telerik team...

</div>

</form>

</body>

</html>

protected void RadButton1_Click(object sender, EventArgs e)

{

System.Threading.Thread.Sleep(1000);

ScriptManager.RegisterStartupScript(this.Page, Page.GetType(), "text", "showmsg();", true);

}

Ajax

answered on 24 Feb 2016

1 answer

150 views

Set Focus to RadEditor with ASP RequiredFieldValidtor

I am unable to set focus when a required field validator is fired for a RadEditor.

I also have this issue to solve for a RadDatePicker and RadTimePicker.

I found this http://www.telerik.com/forums/how-to-use-requiredfieldvalidator-to-setfocusonerror-with-radeditor but I have multiple RadEditors on the page only one o f which is a required field.

Editor

answered on 24 Feb 2016

4 answers

199 views

RadTreeList -inside a control which should have Expand /Collapse button

Hi Princy,

I have a RadTreeList.I want to add a RadTreeList inside any RadControl.
My objective is to expand this radControl shows RadTreeList .
How is it possible?

Thanks

Sindu.

TreeList

answered on 24 Feb 2016

1 answer

128 views

To get ClientSelectColumn row index

Hi,

We have a requirement where we need to fetch row index of multiple ClientSelectColumn. Telerik Items collections does not have Rows to traverse through?

Can you please let us know how to retrieve RowIndex?

Thanks,
Amit

CheckBox

answered on 24 Feb 2016

1 answer

187 views

Identify The Button clicked in batcheditcommand

I have a RadGrid that is enabled with batch edit. I have two buttons in the command template Add and Save.

Add Button will open a modal dialog, with out saving the changes made to rad grid.

Save Button will save changes using client settings

Now I need to change the Add Button to save changes before opening the modal dialog.

I am unable to identify the button that invoked the BatchEditcommand so that i can call the

How can I achieve this.

DataForm

answered on 24 Feb 2016

7 answers

220 views

Stylesheet for HTML mode

Hi there.

I've been doing a lot of searching for this but I can't seem to find any answer anywhere.

I'm trying to get access to the html document element for the editor when it is in HTML mode. I want to be able to add a stylesheet so that I can control the font size, font family etc. when using the editor in HTML mode. All of the answers that I've found so far only show you how to add stylesheets for the editor in Preview and Design mode.

Thanks in advance

Editor

answered on 24 Feb 2016

1 answer

132 views

Separate sqldatasource for each series

I have two sets of data that I would like to display as two series in an htmlareachart. Each set of data comes from a separate sql server and thus has it's own sqldatasource. Is there a way to assign the first datasource to series 1 and the second datasource to series 2?

Chart (HTML5)

answered on 24 Feb 2016

6 answers

189 views

Prepopulating Advanced Form fields on click

I am trying to prepopulate certain data in the advanced form client side. Regardless of what I do when the form opens the subject field is blank and i get the validation warning to enter a subject...

Here is my code can you please tell me what i am doing wrong and thanks

<script type="text/javascript">

function AdjustHeader(obj, args) {

if (args.get_item().get_text().indexOf('Availability') > 0)

formatAppointment(true);

else if (args.get_item().get_text().indexOf('Class') > 0)

formatAppointment(false);

}

function formatAppointment(isPriv) {

$(".rsAllDayWrapper").hide();

var subjectJQueryObject = $telerik.$("[id$='Form_Subject']");

var subjectRadTextBoxObject = $find(subjectJQueryObject.attr("id"));

alert(subjectJQueryObject.attr("id"));

if (isPriv) {

$(".rsAdvTitle").html("New Private Session Availability");

subjectRadTextBoxObject.set_value("Open for private training");

$("#" + idPrefix + "Subject_Label").html(" ")

} else {

$(".rsAdvTitle").html("New Group Class");

$("#" + idPrefix + "Subject_Label").html("Class Name")

}

</script>

<telerik:RadScheduler RenderMode="Lightweight" runat="server" ID="schedTrainer" Height="590" OverflowBehavior="Auto"

SelectedView="WeekView" ShowFooter="false" FirstDayOfWeek="Monday" LastDayOfWeek="Sunday"

EnableDescriptionField="true" AppointmentStyleMode="Default" Skin="Telerik"

OnResourcesPopulating="schedTrainer_ResourcesPopulating" OnClientResourcesPopulating="popUser"

OnClientAppointmentsPopulating="popUser" OnClientAppointmentWebServiceDeleting="popUser"

OnClientAppointmentWebServiceUpdating="popUser" OnClientAppointmentWebServiceInserting="popUser"

StartEditingInAdvancedForm="true" StartInsertingInAdvancedForm="true"

DayView-ShowAllDayInsertArea="false" MultiDayView-ShowAllDayInsertArea="false" WeekView-ShowAllDayInsertArea="false"

ShowAllDayRow="false"

OnClientTimeSlotContextMenuItemClicking="AdjustHeader"

>

<AdvancedForm EnableResourceEditing="false" />

<TimeSlotContextMenus>

<telerik:RadSchedulerContextMenu runat="server" ID="TimeContextMenu">

<Items>

<telerik:RadMenuItem Text="Add Recurring Availability" Value="CommandAddRecurringAppointment" />

<telerik:RadMenuItem Text="Add Recurring Class" Value="CommandAddRecurringAppointment" />

<telerik:RadMenuItem IsSeparator="True" />

<telerik:RadMenuItem Text="Add Spot Availability" Value="CommandAddAppointment" />

<telerik:RadMenuItem Text="Add Spot Class" Value="CommandAddAppointment" />

<telerik:RadMenuItem IsSeparator="True" />

<telerik:RadMenuItem Text="Go to today" Value="CommandGoToToday" />

<telerik:RadMenuItem Text="Show 24 hours..." Value="CommandShow24Hours" />

</Items>

</telerik:RadSchedulerContextMenu>

</TimeSlotContextMenus>

<WebServiceSettings Path="../../WebService/Scheduler.asmx" ResourcePopulationMode="ClientSide" />

<AdvancedForm Modal="true"></AdvancedForm>

<TimelineView UserSelectable="false"></TimelineView>

<AgendaView UserSelectable="true" />

<ResourceStyles>

<%--AppointmentStyleMode must be explicitly set to Default (see above) otherwise setting BackColor/BorderColor

will switch the appointments to Simple rendering (no rounded corners and gradients)--%>

<telerik:ResourceStyleMapping Type="Calendar" Text="Personal"

BorderColor="#abd962" />

<telerik:ResourceStyleMapping Type="Calendar" Text="Work"

BorderColor="#25a0da" />

</ResourceStyles>

<ResourceHeaderTemplate>

<div class="rsResourceHeader<%# Eval("Text") %>">

<%# Eval("Text") %>

</div>

</ResourceHeaderTemplate>

<TimeSlotContextMenuSettings EnableDefault="true" />

<AppointmentContextMenuSettings EnableDefault="true" />

<Localization HeaderWeek="Work week" />

</telerik:RadScheduler>

Scheduler

answered on 24 Feb 2016