How to set specific ID for server controls in an ASP.NET Web Form that is using a MasterPage?

asp.net servercontrols
Edward picture Edward · Jul 22, 2010 · Viewed 9.9k times · Source

Is it possible to set a specific ID on an ASP.NET server control? Everytime I assign an ID and run the web form the ID changes.

For Example:

<asp:TextBox ID="txtName" runat="server"></asp:TextBox>

Gets translated into this:

<input id="ct100_ContentPlaceHolder1_txtName" type="text" />

I think this is do to me using master pages, but if so how can I be sure a control will have a certain ID(for javascript purposes). I placed the auto-generated id in my javascript and it is working, but I would prefer to have used the id's that I originally assigned them. Is this possible?

(This is for version:ASP.NET 3.5)

Answer

M4N picture M4N · Jul 22, 2010

Starting with .NET 4 you have greater control about how the client-side IDs look like (see this post for details).

To force a specific client-side ID, you have to set the ClientIDMode to static. The following will render an <input> element with id="txtName":

<asp:TextBox ID="txtName" ClientIDMode="static" runat="server"></asp:TextBox>

Although if you do this, you have to ensure that you don't have two controls with identical client-side IDs. Check the article linked above for other options.

Related questions

Change Text Box Color using Required Field Validator. No Extender Controls Please

I need to change color of TextBox whenever its required field validator is fired on Clicking the Submit button

Read More
ASP.NET Control to HTML tag equivalent

I'm looking for a cheat sheet that will allow me to show an HTML designer the equivalent asp.net controls for standard HTML tags. As an example the <asp:Panel> will render as an HTML <div> …

Read More
How to register custom server control on ASP.NET page

I have a project and I am trying to register a custom server control (there is no .ascx file) on the page. I am currently using Class Declaration namespace MyApp.Controls{ public class CustomControl: WebControl{ public string Text { get { String …

Read More