Set Focus on Username text box RSS

• • Reply
  

  rgibson69

  None

  0 Points

  65 Posts

  Set Focus on Username text box

  Jan 19, 2006 09:42 AM|rgibson69|LINK

  I have modified the login on the main page slightly. I deleted the PWS login and replaced it with one of the default Login controls in VWD. See www.robgibson.ca . What I would like is to have the default focus set to the username text box within the control. I have tried a few of the solutions presented in the posts here but I can't seem to get anything to work.

  Suggestions?

  Rob

• • Reply
  

  jwadsworth

  Member

  130 Points

  542 Posts

  Re: Set Focus on Username text box

  Jan 19, 2006 01:12 PM|jwadsworth|LINK

  Rob,

  Are you using a LoginView control?

  That's what I'm using. I tried this:

  Dim tmpTextbox As New TextBox

  tmpTextbox = CType(LoginArea.FindControl("UserName"), TextBox)

  If Not tmpTextbox Is Nothing Then

  tmpTextbox.Focus()

  End If

  testBox.Focus()

  The focus wont set to the textbox inside the loginview control.

  However, the focus sets fine in the textbox outside the control.

  I'm sure it can be done through javascript. I look at it a bit.

  Jeremy
  
  Extended Personal Site Starter kit
• • Reply
  

  jwadsworth

  Member

  130 Points

  542 Posts

  Re: Set Focus on Username text box

  Jan 19, 2006 01:38 PM|jwadsworth|LINK

  Rob,

  This works for me. I'm sure there is a better way to do this by looking up the textbox id first rather than hard coding what we view in the page source. View the source in the browser to see the name of the control that asp.net uses, plug it in to the getElementById, and give it a try.

  ' Initialize a stringbuilder object, much faster than string concatenation

  ' Do not do any string concatenations within the string builder or it defeats the purpose.

  Dim scriptLoader As New System.Text.StringBuilder()

  With scriptLoader
     .Append("<script type='text/javascript'>")
     .Append(vbCrLf)
     .Append("var txtBox=document.getElementById('ctl00_Main_LoginArea_Login1_UserName');")
     .Append(vbCrLf)
     .Append("if (txtBox!=null ) txtBox.focus();")
     .Append(vbCrLf)
     .Append("</script>")

     ' Register script with page 
     Me.ClientScript.RegisterStartupScript(Me.GetType(), "onLoadCall", .ToString())

  End With

  Jeremy
  
  Extended Personal Site Starter kit
• • Reply
  

  jwadsworth

  Member

  130 Points

  542 Posts

  Re: Set Focus on Username text box

  Jan 19, 2006 01:57 PM|jwadsworth|LINK

  I should of got this right the first time. Here is probably the best way.

  Dim tmpTextbox As New TextBox
  Dim tmpLogin As New System.Web.UI.WebControls.Login

  tmpLogin = CType(LoginArea.FindControl("Login1"), System.Web.UI.WebControls.Login)

  If Not tmpLogin Is Nothing Then
     tmpTextbox = CType(tmpLogin.FindControl("UserName"), TextBox)
  End If

  If Not tmpTextbox Is Nothing Then
     tmpTextbox.Focus()
  End If

  Jeremy
  
  Extended Personal Site Starter kit
• • Reply
  

  whighfield

  Star

  7702 Points

  1852 Posts

  Re: Set Focus on Username text box

  Jan 19, 2006 08:17 PM|whighfield|LINK

  rgibson69

  I have modified the login on the main page slightly. I deleted the PWS login and replaced it with one of the default Login controls in VWD. See www.robgibson.ca . What I would like is to have the default focus set to the username text box within the control. I have tried a few of the solutions presented in the posts here but I can't seem to get anything to work.

  Suggestions?

  Rob

  This is why I so love ASP.NET 2.0.  LoginForm is the id of the asp:login control and UserName is the name of the textbox in that control.  You should probably check to see if either the login or txt vars are nothing before you try to do the SetFocus.

  Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

  Dim login As System.Web.UI.WebControls.Login = LoginArea.FindControl("LoginForm")

  Dim txt As TextBox = login.FindControl("UserName")

  Page.SetFocus(txt)

  End Sub

  Please mark the most helpful post(s) as Answer
  Blog | I need more space:DropBox Referral
• • Reply
  

  rgibson69

  None

  0 Points

  65 Posts

  Re: Set Focus on Username text box

  Jan 20, 2006 12:57 PM|rgibson69|LINK

  Thanks to both of you. That worked.

  Rob

   

• • Reply
  

  rgibson69

  None

  0 Points

  65 Posts

  Re: Set Focus on Username text box

  Jan 20, 2006 01:03 PM|rgibson69|LINK

  Jeremy,

  Nice work on the skins!!

  Rob

   

• • Reply
  

  ObieOne

  None

  0 Points

  14 Posts

  Re: Set Focus on Username text box

  Apr 05, 2007 07:14 AM|ObieOne|LINK

  I had to translate  it so it would work with masterpage and codebehind.

  I came across this. Works great. Now even the default button is set if you press enter.

   

  Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

  SetFocus(Login1)

  Dim ctl As Control = Login1.FindControl("LoginButton")

  Login1.Attributes.Add("onkeypress", String.Format("javascript:return WebForm_FireDefaultButton(event, '{0}')", ctl.ClientID))

  End Sub

   

  GoodLuck

  Arno

• • Reply
  

  nukewarm

  None

  0 Points

  2 Posts

  Re: Set Focus on Username text box

  Feb 27, 2008 11:13 PM|nukewarm|LINK

  This is what I use for a c# page.

  <script runat="server"> 

  protected void Page_Load(object sender, EventArgs e){

             SetFocus(Login1.FindControl("UserName"));

  } 

  </script>

• • Reply
  

  vpmragu

  Member

  23 Points

  32 Posts

  Re: Set Focus on Username text box

  Sep 02, 2008 09:01 AM|vpmragu|LINK

  thanx nukewarm.

  i got simple and easiest way man.

  once again thank you ver much.

   

  RaguNathan Maniraj,
  Software Engineer,
  Bangalore.
• • Reply
  

  yupa

  None

  0 Points

  1 Post

  Re: Set Focus on Username text box

  Oct 07, 2008 02:54 AM|yupa|LINK

  protected void Page_Load(object sender, EventArgs e)

  {

  Login1.Focus();

  }

  The focus will be put on the first eligible control within the Login control - UserName textbox.

• • Reply
  

  Wei Ke

  None

  0 Points

  4 Posts

  Re: Set Focus on Username text box

  Apr 17, 2009 10:54 AM|Wei Ke|LINK

  I try this but it seems it doesn't set the focus in the UserName textbox.

• • Reply
  

  vpmragu

  Member

  23 Points

  32 Posts

  Re: Set Focus on Username text box

  Jun 24, 2009 11:43 PM|vpmragu|LINK

  hi wei ke,

  Use th following. it works.

  protected void Page_Load(object  sender, EventArgs e)

  {

  Login1.Username.Focus = True;

  }
  

  
  

  RaguNathan Maniraj,
  Software Engineer,
  Bangalore.
• • Reply
  

  vpmragu

  Member

  23 Points

  32 Posts

  Re: Set Focus on Username text box

  Jun 24, 2009 11:46 PM|vpmragu|LINK

  you can use this also.
  

  This is what I use for a c# page.

  <script runat="server"> 

  protected void Page_Load(object sender, EventArgs e){

             SetFocus(Login1.FindControl("UserName"));

  } 

  </script>

  RaguNathan Maniraj,
  Software Engineer,
  Bangalore.
• • Reply
  

  Wei Ke

  None

  0 Points

  4 Posts

  Re: Set Focus on Username text box

  Jun 25, 2009 09:13 AM|Wei Ke|LINK

   THanks RaguNathan. I figured.

• • Reply
  

  RannyMeier

  None

  0 Points

  1 Post

  Re: Set Focus on Username text box

  Jan 22, 2010 10:44 AM|RannyMeier|LINK

   This works for me:

  protected void Page_Load(object sender, EventArgs e)
      {
          if (!IsPostBack)
          {
              if (!User.Identity.IsAuthenticated)
              {
              Login lg = this.Login1;
                  TextBox tb = (TextBox)lg.FindControl("UserName");
                  if (tb != null)
                  {
                      SetFocus(tb);
                  }
              }
          }
      }

  
   

• • Reply
  

  vigraman

  None

  0 Points

  2 Posts

  Re: Set Focus on Username text box

  Apr 16, 2010 05:15 PM|vigraman|LINK

  hi,

  I'm using two text boxes for allowing user to enter two  four digit numbers. After entering first 4 digit the focus must change to the second text box. Can u please help me with this issue
  

• • Reply
  

  NWeb

  Member

  10 Points

  36 Posts

  Re: Set Focus on Username text box

  Sep 10, 2010 10:48 AM|NWeb|LINK

  Hi All,

  I have tried to set focus by all approaches you have suggested and all I know (most of are same). Problem here is focus is set to textbox but after that it lost. May be due to other process happen after main page load like load master page, load user controls.

  I have used both master pages and user controls.

  Please suggest any way so that I can retain the set focus in the text box.
  

• • Reply
  

  creer

  Member

  11 Points

  35 Posts

  Re: Set Focus on Username text box

  Oct 29, 2010 09:39 AM|creer|LINK

  Or

  Protected Sub Login1_PreRender(ByVal sender As Object, ByVal e As System.EventArgs)

  sender.Focus()

  End Sub

• • Reply
  

  anuradha.jay...

  None

  0 Points

  13 Posts

  Re: Set Focus on Username text box

  Mar 30, 2011 01:24 AM|anuradha.jayasena|LINK

  can you try control.focus() method

  ex:

  Login1.Focus();

  focus

• • Reply
  

  khanahmed

  Member

  120 Points

  121 Posts

  Re: Set Focus on Username text box

  Apr 14, 2011 01:44 PM|khanahmed|LINK

  Suppose txtUserName is your Username textbox name

  than try following code

  txtUserName.Focus();