How to set focus on a control in asp.net?

Vishwakant Tripathi

10y9.7k.NET

Hi,

I have one asp.net page, which has a Button (Submit button) that has PostBackUrl ="#" that helps to maintain scroll position during page post back.

I have set MaintainScrollPositionOnPostback="true" in Page directive on the page.

Submit button code behind is something like this ...

protected void SubmitButton_Click(object sender, EventArgs e)

{

try

{

txtName.Focus();

}

catch (Exception ex)

{

//error

}

Where txtName is a textbox on the page which I need to focus. (Not exactly focus to textbox only but some other logic that I have removed from here.)

So can someone please help me to get rid of this issue.

Thanks.

Vishwakant.

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ajay Malik10y ago
In ASP.NET 4.0, you can use two methods to set focus on controls.

First, by using the control's Focus method. Second, calling page's SetFocus method and passing ID of the control in this SetFocus method.

The following code snippet sets focus on TextBox1 by calling its Focus method on Page load event.
protectedvoidPage_Load(objectsender,EventArgse)
{
TextBox1.Focus();
}
ThefollowingcodesnippetsetsfocusonaTextBoxcontrolwithIDTextBox1.
voidPage_Init(objectsender,EventArgse)
{
SetFocus(TextBox1);
}
You can also set the default focus on a control by using the defaultfocus tag of a Form.

The following code snippet sets default focus on TextBox1.
"form1"runat="server"defaultfocus="TextBox1">
"TextBox1"runat="server">

"Button1"runat="server"Text="Button"/>

source:- http://www.c-sharpcorner.com/uploadfile/mcbkruse/how-to-set-focus-on-a-control-in-Asp-Net/

Midhun Tp10y ago

Hi,

Why don't you try using some jquery plugins for setting scroll position and focus on items.

Like this - https://github.com/flesler/jquery.scrollTo

Vishwakant Tripathi10y ago

If I remove it, I am getting scroll always on Top. I am not sure exactly whyit is.

BTW I am using Chrome browser.

Midhun Tp10y ago

Ya. I have set that. Till i'm getting scroll position at top only. Without giving postbackurl="#" and giving focus to some text box on button click, i'm automatically getting scrolled to the position of textbox automatically and focus is getting for that textbox. So you just try removing that postbackurl from button and check once.

Vishwakant Tripathi10y ago

Yes, I am getting it. Have you setMaintainScrollPositionOnPostback="true" in Page directive on the page?

<%@ Page Language="C#" ValidateRequest="false" MasterPageFile="~/AppMasterPage.master"

AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="ABCDER"

Title="Web" EnableTheming="true"

Culture="auto" UICulture="auto" MaintainScrollPositionOnPostback="true" %>

Midhun Tp10y ago

Hi,

Are you sure you are getting scroll position correct to bottom of page by giving that? My page is scrolling back to top while giving that.

Vishwakant Tripathi10y ago

I can't remove it because it helps to maintain the scroll position of page. If I remove it, and suppose scroll position is at bottom of page, after post back, scroll will go to top again. So that is the problem.

Midhun Tp10y ago

Hi,

You may need to remove this from your button - PostBackUrl ="#"