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

Setting focus to a TextBox in a RadWindow...

6 Answers 630 Views

Window

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

mark baer asked on 19 Apr 2011, 10:35 PM

I can't seem to get this to work. I have a simple Login page with 2 textboxes. I've tried all of the normal methods, plus a few things I've seen in this forum. None of them are working. I am using ASP.NET 4, VS 2010 and the LATEST build of the Telerik Controls. My HTML for the page is listed below. I've tried "OnClientShow"...the Javascript fires, but the button never visually looks like it has focus and no error appears. I'm debugging with IE 8.

Help?

thanks

mark

<body class="form" > <telerik:RadScriptBlock

ID="RadScriptBlock1"

runat="server"> <script

type="text/javascript"> //

function OnClientShow(sender, eventArgs)

 //

{ //

try

 //

{

//

var textbox = document.getElementById("<%= txtUserName.ClientID

%>"); //

//var textbox =

document.getElementById("RadWindow1$C$txtUserName"); //

//for

testing... //

//alert(textbox.name);

//

if (textbox != null)

{ //

//----------------------------------------------------- //

//This Code is firing, but the UI doesn't reflect

it... //

//----------------------------------------------------- //

textbox.focus(); //

//alert('Just Set

Focus'); //

} //

else

{ //

alert('Could not set focus to

Textbox...'); //

return; //

} //

catch (e)

{ //

alert('Error setting focus: ' +

e.Message); //

return; //

} //

} 

</script> 

</telerik:RadScriptBlock> <form id="form1"

runat="server" defaultfocus="txtUserName"> <telerik:RadScriptManager

ID="RadScriptManager1" runat="server"> 

</telerik:RadScriptManager> <telerik:RadWindow

ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Behaviors="None"

Skin="WebBlue" AutoSize="true"  

Title="Login to Creative Affairs!" VisibleStatusbar="False"

> 

<ContentTemplate> 

<table width="275px" border="0"

align="center"> 

<tr> 

<td

align="center"> 

<table class="formLabel" width="275px"

cellpadding="3"> 

<tr> 

<td

align="right"> 

<asp:Label ID="Label1" runat="server" Text="User

Name:"></asp:Label> 

</td> 

<td

align="left"> 

<asp:TextBox ID="txtUserName" runat="server"

Width="125px"></asp:TextBox> 

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

ControlToValidate="txtUserName" 

ErrorMessage="Required"></asp:RequiredFieldValidator> 

</td> 

</tr> 

<tr> 

<td

align="right"> 

<asp:Label ID="Label2" runat="server"

Text="Password:"></asp:Label> 

</td> 

<td

align="left"> 

<asp:TextBox ID="txtPassword" runat="server" Width="125px"

TextMode="Password"></asp:TextBox> 

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"

ControlToValidate="txtPassword" 

ErrorMessage="Required"></asp:RequiredFieldValidator> 

</td> 

</tr> 

<tr

align="left"> 

<td> 

  

</td> 

<td> 

<table

width="100%"> 

<tr> 

<td align="left"

width="60%"> 

<asp:CheckBox ID="chkRemember" TextAlign="right" Text="Remember Me"

runat="server"

/> 

</td> 

<td

align="right"> 

<asp:Button ID="btnLogin" runat="server" Text="Login"

OnClick="btnLogin_Click"

/> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

<tr

align="left"> 

<td

colspan="2"> 

<asp:Label ID="lblError" runat="server" ForeColor="Red"

Text=""></asp:Label> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

</table> 

</ContentTemplate> 

 

</telerik:RadWindow> 

 </form> </body> </html> 

6 Answers, 1 is accepted

answered on 14 Feb 2012, 10:02 PM

Niskya:

There are some detailed insights provided in the Problem with RadTextBox.Focused in Telerik 2010Q1 forum thread response from Deyan (Telerik Admin) in his May 26, 2010 reply. These should point you in the right direction.

"The RadTextBox control hosts a standard TextBox control and extends its functionality by providing support for the Telerik Presentation Framework (theming, dependency properties etc.). Since the control itself is not the focused control (but the TextBox inside) the Focused property will not be set to true. However, you can use the ContainsFocus property. This property will always be true when a control inside the current control is focused."

Hope this helps!