Control's ClientID in Asp.net 4.0

ASP.NET 4 allows developers to customize Client Id which gets generated by ASP.NET. Up until now Client Id generated by ASP.NET has been ummm just plain ugly. Other than aesthetics they are also hard to work with in client side scripts. ASP.NET solves this issue to a degree by providing ClientIDMode property. In this post we will look at different ways to work with this new feature of ASP.NET 4.
ClientIDMode can be set at Page level or at Control level. Let’s follow with an example of a GridView control. We will set it’s ClientIdMode property to all available options and view the markup. We will bind our GridView to a collection of cities. A city class looks like this.

public class City
{
  public string Name { get; set; }
  public string Country { get; set; }
}

The collection itself can be initialized using this code.

List<City> cities =
   new List<City>
    {
     new City{ Name = "Sydney", Country = "Australia" },
     new City{ Name = "New York", Country = "USA" },
     new City{ Name = "Paris", Country = "France" },
     new City{ Name = "Milan", Country = "Spain" },
     new City{ Name = "Melbourne", Country = "Australia" },
     new City{ Name = "Auckland", Country = "New Zealand" },
     new City{ Name = "Tokyo", Country = "Japan" },
     new City{ Name = "New Delhi", Country = "India" },
     new City{ Name = "Hobart", Country = "Australia" }
   };

Source for our GridView looks like this.

<asp:GridView runat="server" ID="gridViewCities" AutoGenerateColumns="False">
  <Columns>
    <asp:TemplateField>
      <ItemTemplate>
        <asp:Label runat="server" ID="Label1" Text='' />
      ItemTemplate>
    asp:TemplateField>
    <asp:TemplateField>
      <ItemTemplate>
        <asp:Label runat="server" ID="Label2" Text='' />
      ItemTemplate>
    asp:TemplateField>
  Columns>
asp:GridView>

ClientIDMode = “AutoID”

Using this mode will generate the IDs as it has in earlier versions of ASP.NET.

<asp:GridView
        runat="server"
        ID="gridViewCities"
        AutoGenerateColumns="False"
        ClientIDMode="AutoID">

HTML generated by AutoID (showing only relevant part).

ClientIDMode = “Static”

Static mode outputs the same ID in HTML as specified in ASP.NET source.

<asp:GridView
        runat="server"
        ID="gridViewCities"
        AutoGenerateColumns="False"
        ClientIDMode="Static">

Static Mode is not the best for controls such as GridView or any other data control which displays lists of data. As you can see above that all span tags have same IDs. Static Mode is best to be used with other common controls or User Controls.

ClientIDMode = “Predictable”

Predictable mode concatenates the ID of parent control with the bound value supplied by assigning ClientIDRowSuffix property.

<asp:GridView
        runat="server"
        ID="gridViewCities"
        AutoGenerateColumns="False"
        ClientIDMode="Predictable"
        ClientIDRowSuffix="Name">

Here we see that our span elements have been named by concatenating the name of GridView + value of Name property. Rather than setting ClientIDRowSuffix to Name property a better candidate would have been an ID property which could be some sort of unique field. But you get the idea, right?

ClientIDMode = “Inherit”

Inherit is the default mode for all controls. Assigning this mode a control will use the same setting as its parent control. This gives us an idea that we can have different settings for parent and children. Here we are setting ClientIDMode for our first label to be static while the GridView is using AutoID.

<asp:GridView runat="server" ID="gridViewCities" AutoGenerateColumns="False" 

  ClientIDMode="AutoID">
  <Columns>
    <asp:TemplateField>
      <ItemTemplate>
        <asp:Label runat="server" ID="Label1" Text='' 

          ClientIDMode="Static" />
      ItemTemplate>
    asp:TemplateField>
    <asp:TemplateField>
      <ItemTemplate>
        <asp:Label runat="server" ID="Label2" Text='' />
      ItemTemplate>
    asp:TemplateField>
  Columns>
asp:GridView>

We see that our first span uses static client ID but the second span uses inherited scheme for client ID.

Read more »

Use Internet Information Services (IIS) to secure Microsoft .NET Remoting functionality.

Microsoft .NET Remoting allows applications running in different application domains or processes to communicate. By default, remote components communicate either over transmission control protocol (TCP) or Hypertext Transfer Protocol (HTTP). One of the problems with cross-process communication is authentication. To take advantage of Windows authentication, you should use HTTP for remote communication. This allows you to host the remote component in IIS, which supports Windows authentication. If you use TCP for remote communication, you would need to implement a custom authentication mechanism.

Read more »

Which is better: Control or WebControl?

The System.Web.UI.Control class is the base class for all server controls. This provides the properties, methods, and events shared by all web controls. The System.Web.UI.WebControls.WebControl class derives from the Control class and adds style properties such as Font, Forecolor, and Backcolor.

Microsoft recommends:
1. if your custom control contains no user interface elements then derive from Control Class.
2. if your custom control provides a user interface, then derive from WebControl class.

Read more »

Remove Unused CSS from your page it can degrade your page performance.

Hello Viewers,

One of the common problem we all faces while ending the project is unused Css classes.

Because of this the performance of the page can be degrade. So the best practice is to find out Unused elements and classes from css.

This is really tedious task when you have very big applications. But you can use the tool called Dust-Me selectors , its ad-on for Firefox.

You can try it out

thanks
 

Read more »

How To get Max value of column of Database table Using LINQ query in .net

Hello Viewers,

To get maximum value of database table column is very simple as just we have to write :-

Select Max( Percentage ) from StudentsResult

but in LINQ you need to write like

(from St in StudentsResult select (St. Percentage )).Max()  

in the same way we can use other aggregation function to do other operations using LINQ in our code behind

Read more »

Disable Validation Control Using Javascript

We do use validation control lots of time to ensure correct entry being done User.

while using validation controls some times we require to enable or disable validation controls on certain condition of user inputs, for this scenario we can use JavaScript to enable or disable validation controls

Below is code example:-

thanks

Read more »

Debug in ASP.NET application and in Sharepoint Custom WebParts

Many times it happen that we found difficulty to debug a very big application as it takes to long time to Compile and run the entire application.

Even case is worst when you have errors in other pages and you want to debug some other pages of your application.

In this case you can debug your application by following steps:-

Open Visual Studio with your website.
Go to Solution Explorer.
Go to page you want to debug.
Place necessary break points in coding part.
Right click on the page name in solution explorer and select View in Browser.

Now go to IDE.
Go to Tools menu Select Attach to Process.
Select both the check boxes as Bottom and find out W3WP process and click attach.
Now refresh the page.

In share point also same steps you need to follow to debug your custom web parts, Over here you will find Web part project instead of your web application. one other difference is you have to place DLL in GAC or in Root directory of your extended web application.

Click here to do some Sharepoint Yoga

Read more »

Test Email functionality without SMTP Server Configuration

Click to do some Sharepoint Yoga

Often we arrives at situation where we need to test function which sends email and we need to set up SMTP service for that just to test that your application sends the e-mail without any errors.
However we have way to send e-mails without any SMTP server set up.
Just you need to configure your .net application to send email to specified folder instead of SMTP server.
Try to use code given below

Read more »