How Do I Set the DefaultFocus or DefaultButton in a Page Based on a Master Page in ASP.NET 2.0?

You may be aware of the new DefaultButton and DefaultFocus properties that a few ASP.NET 2.0 controls, including the HtmlForm have. These properties allow you to determine which button gets "clicked" when you hit enter on the page, and which form control gets the focus when the page loads. (If you're not familiar with them, check out this MSDN help file) But how do you use this feature in a page based on a Master Page?

Your first attempt may be to add the following code in the Page_Load event of the Content page:

  Page.Form.DefaultFocus = "TextBox1"
  Page.Form.DefaultButton = "Button1"

However, as soon as you run this code, you'll get the following error:

Server Error in '/MyApplication' Application.


The DefaultButton of 'form1' must be the ID of a control of type IButtonControl.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.InvalidOperationException: The DefaultButton of 'form1' must be the ID of a control of type IButtonControl.

If you comment out the second line that sets the DefaultButton, the page loads in the browser, but the focus is not set. If you look at the resulting HTML in the browser, you may start to understand the problem. At the end of the page, you'll see this:

<script type="text/javascript">
<!--
  WebForm_AutoFocus('TextBox1');// -->
</script>

TextBox1 looks good at first, but if you search for it in the code, you won't find a control with an Id of TextBox1. You do, however, find this:

<input name="ctl00$ContentPlaceHolder1$TextBox1" type="text" 
id="ctl00_ContentPlaceHolder1_TextBox1" />

Because the page is based on a Master Page, the HTML name and id attributes have been prefixed with the names of their naming container, the ContentPlaceHolder1 in this case.

Now how do you get the correct client id inside the call to WebForm_AutoFocus? The trick here is to use the controls ClientID property that returns its long client name. If you change the code in the code behind to the following, the DefaultFocus will work:

Page.Form.DefaultFocus = TextBox1.ClientID

You can apply the same technique to set the DefaultButton but then you should use its UniqueID property:

Page.Form.DefaultButton = Button1.UniqueID

This way, you end up with a form that has the focus on the TextBox1 by default and when you press Enter, the form will post back to the server and the code in the event handler for Button1.Click will fire.

Although in normal pages (not based on a Master Page) you can set the DefaultButton and DefaultFocus properties as a string as you saw in the first code example, it's recommend not to do this. When you always use ControlName.UniqueID or ControlName.ClientID you get compile time checking of the control's name. If you rename the control in the markup of the page (which is a good idea when you call buttons Button1 ;-) ) the compiler will see the change and highlight the offending code; a benefit you don't have when you use text strings.


Where to Next?

Wonder where to go next? You can post a comment on this article.

Doc ID 374
Full URL https://imar.spaanjaars.com/374/how-do-i-set-the-defaultfocus-or-defaultbutton-in-a-page-based-on-a-master-page-in-aspnet-20
Short cut https://imar.spaanjaars.com/374/
Written by Imar Spaanjaars
Date Posted 11/03/2005 21:41
Date Last Updated 05/21/2006 20:19
Date Last Reviewed 05/21/2006 20:19
Listened to when writing How I Could Just Kill A Man by Rage Against The Machine (Track 8 from the album: Renegades)

Comments

Talk Back! Comment on Imar.Spaanjaars.Com

I am interested in what you have to say about this article. Feel free to post any comments, remarks or questions you may have about this article. The Talk Back feature is not meant for technical questions that are not directly related to this article. So, a post like "Hey, can you tell me how I can upload files to a MySQL database in PHP?" is likely to be removed. Also spam and unrealistic job offers will be deleted immediately.

When you post a comment, you have to provide your name and the comment. Your e-mail address is optional and you only need to provide it if you want me to contact you. It will not be displayed along with your comment. I got sick and tired of the comment spam I was receiving, so I have protected this page with a simple calculation exercise. This means that if you want to leave a comment, you'll need to complete the calculation before you hit the Post Comment button.

If you want to object to a comment made by another visitor, be sure to contact me and I'll look into it ASAP. Don't forget to mention the page link, or the Doc ID of the document.

(Plain text only; no HTML or code that looks like HTML or XML. In other words, don't use < and >. Also no links allowed.