This articles covers some of the points to taken care while choosing between these two controls.

HyperLink :

Hyperlink control create a link in your forms . when clicking that link the user will be

redirected to a particular  Page,mentioned in the NavigateUrl property of the control.

If no NavigateUrl  property is specified for the control then it will be displayed as Label control,

missing the hyperlink in it.

With the NavigateUrl is specified and we click the link , we will be redirected to that particular page.

During the process of redirection, no server side events will be fired. So you can’t perform any

server side validation when this controls link is clicked.

If you have validation controls in your page, those validations will also not get executed.

Link Button :

On other hand, the Link Button controls causes the form validation to be fired when clicking the Link .

It also supports Postback url property , which sets the location to redirect when the post back occurs.

When you have the validation in your form, all the validation is fired before posting to the other page.

You can force the validation not fire setting the  CausesValidation property of control to false.

By default the value is TRUE. When no postpack url property is mentioned for the control, then the page

will be posted back to the same page.

If the Postback url property is not defined for the control, then the page will be posted back to the same

Page. And this causes the Page_Load Event and LinkButton_Click Event to be fired. If the Post back url is

mentioned , then the  LinkButton_Click Event not fired.

You can see the control Link properties as

• NavigateUrl ( HyperLink)            -  Navigate to a particular page
• PostBackUrl (Link Button)          -  Post back to some other page or same page.

You have designed a Page with Drop Down List and the width of the items exceeds the width of the Drop Down List.

In this case the user has to select the item to see the full text. This makes users annoying experience.

Using Javascript we can display the tool tip for individual items in Drop Down List.

In the code behind of the page ( Page Init Event) , use the below code to display the tool tip for individual items.

Code :

CultureDropDownList.Attributes.Add("onmouseover",
   "this.title=this.options[this.selectedIndex].text")
 

The above displays tool tip for individual items in drop List

In the mouse move event of the the Drop Down List , we set the TITLE property for the Drop Down List. This makes the

tool tip for the control.

CultureDropDownList                                    -  Name of the Drop Down List

this.title                                                               – Sets the tool tip for the item

this.options[this.selectedIndex].text     – Reads the selected index of the item (this.selectedIndex)  , and using that

get the text of the currently selected item.

Screen Shot: