setfocus on content area in UI for ASP.NET AJAX

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

setfocus on content area

5 Answers 66 Views

Editor

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

5 Answers, 1 is accepted

answered on 23 Nov 2010, 03:52 PM

Hi guys,

The discussed approach would work but there is even an easier one - by using the special public method called setFocus which the editor exposes as shown below:

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

<asp:ScriptManager ID="ScriptManager" runat="server" />

<telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad">

<Content>

Here is sample content!

</Content>

</telerik:RadEditor>

<script type="text/javascript">

function OnClientLoad(sender, args)

{

//set the focus on the the editor

setTimeout(function(){sender.setFocus();}, 0);

}

</script>

</form>

Kind regards,
Svetlina
the Telerik team

Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 22 Jan 2013, 10:04 PM

None of the above helped med actually :-|

I have a RadTextBox before the editor, and want to focus on editor contentarea (blinking cursor) when I tab out of the RadTextBox.

I have added a keydown event on the radtextbox, and let it call this function:

function keydown(e) {

var c = e.keyCode;

if (c == 9) {

var editor = $find("<%=radMailBody.ClientID%>");

editor.get_contentArea().focus(); //Doesnt work! :-|

//editor.setFocus(); //Doesnt work :-(

}

The event is fired, and this function is hit, I know it evaluates the if condition - tested with alert inside if statement. However the attempts to set focus on editor content area fails :-(

It is a .net 2.0 application with Telerik.Web.UI version 2011.1.315.40.

Any help is apprechiated, thanks.

Sincerely,

Jesper Laustsen

answered on 23 Jan 2013, 02:28 PM

Hi,

Try the following solution:

<telerik:RadTextBox ID="RadTextBox1" ClientEvents-OnKeyPress="keydown" runat="server"></telerik:RadTextBox>

<telerik:RadEditor OnClientLoad="OnClientLoad" runat="server" ID="radMailBody">

<ImageManager ViewPaths="~/Images" UploadPaths="~/Images" />

</telerik:RadEditor>

<script>

function OnClientLoad(editor) {

var buttonsHolder = $get(editor.get_id() + "Top"); //get a reference to the top toolbar zone of the editor

var buttons = buttonsHolder.getElementsByTagName("A"); //get a reference to all A elements on the toolbar and disable the tabbing trough them

for (var i = 0; i < buttons.length; i++) {

var a = buttons[i];

a.tabIndex = -1;

a.tabStop = false;

}

function keydown(e) {

var c = e.keyCode;

if (c == 9) {

var editor = $find("<%=radMailBody.ClientID%>");

editor.setFocus(); //Doesnt work! :-|

$telerik.cancelRawEvent(e);

}

</script>

Kind regards,
Rumen
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.