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

Set focus to RadInput within RadWindow ContentTamplate on load

4 Answers 335 Views

Input

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

4 Answers, 1 is accepted

Accepted

answered on 05 Apr 2011, 09:17 AM

Hello Bernhard,

Try setting focus to TextBox in OnclientShow event of RadWindow and see whether it helps.

Sample code:

var obj;

function pageLoad() {

obj = $find('<%= RadTextBox22.ClientID %>');

}

function OnWindowShow(sender, args) {

setTimeout(" obj.focus();", 200);

}

And the mark-up is shown below:

<telerik:RadWindow VisibleOnPageLoad="true" OnClientShow="OnWindowShow" ID="RadWindow1"

runat="server" Height="300px" Width="450px" Modal="true">

<ContentTemplate>

<div id="div1">

<asp:Label ID="Label2" runat="server" Text="Password"></asp:Label>

<telerik:RadTextBox ID="RadTextBox22" runat="server" Skin="Black">

</telerik:RadTextBox>

</div>

</ContentTemplate>

</telerik:RadWindow>

Have a nice day.

Regards,
Princy.

answered on 20 Apr 2011, 05:08 PM

I had this same problem. I tried the code above but it did not work. I changed it to the code below and was able to get it to work(for anyone else having this problem).

<body class="form" onload="pageLoad" >

 <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" Title="Login to Creative Affairs!"  

VisibleStatusbar="False" OnClientShow="OnWindowShow" Modal="true" Height="155px"

Width="300px"

> 

<ContentTemplate> 

<telerik:RadScriptBlock ID="RadScriptBlock1"

runat="server"> 

<script

type="text/javascript"> 

var

obj; 

function pageLoad()

{ 

obj = document.getElementById('<%= txtUserName.ClientID

%>'); 

//alert(obj); 

} 

function OnWindowShow(sender, args)

{ 

//obj = $find('<%= txtUserName.ClientID

%>'); 

//alert(obj); 

if (obj != null)

{ 

setTimeout(" obj.focus();",

300); 

} 

} 

</script> 

</telerik:RadScriptBlock>