1.Topics‎ > ‎Dot.Net‎ > ‎C.ASP.NET‎ > ‎A.ASP.Net (Web Forms)‎ > ‎

C.User Interface


Page Design


UI Elements and Controls

Type of Controls

  1. Client (HTML) ControlsTheses are the standard HTML control has no relation with server side processing. 
  2. HTML Server ControlsHTML server control are simply html client controls with "RunAt=Server" attribute set and mostly supported for backward compatibility.
  3. ASP.Net Server ControlsTheses are specific to ASP.Net and always decorated with "RunAt=Server". Ultimately theses theses control get converted to regular HTML controls once ASPX page is complied.

Input Controls

Buttons Control

One of the simplest controls that that comes in three 
  1. Types
    1. Input Button
    2. Hyperlink Button
    3. Image Button. 
  2. Key Events and Properties
    1. Click 
    2. PostBackUrl 

List Controls 

  1. Types
    1. BulletedList
    2. CheckBoxList
    3. DropDownList
    4. ListBox
    5. RadioButtonList
  2. Key Events and Properties
    1. SelectedIndexChanged
    2. DataBinding
    3. DataBound
    4. SelectedIndexChanged

Calender Controls 


Read Only Controls 

Label Controls 

Add Rotaotr Control 

  1. Types : None 
  2. Key Events and Properties
    1. AdvertisementFile
    2. Target
  3. How it Works 
    1. It uses and Advertisement file that contains list of images and their weight defined and control pick them based on there pro reta  weight  

Validation Controls

  1. Overview
    1. http://msdn.microsoft.com/en-us/library/aa479045.aspx
  2. Types
    1. The RequiredFieldValidator Control
    2. The CompareValidator Control
    3. The RangeValidator Control
    4. The RegularExpressionValidator Control
    5. The CustomValidator Control
    6. The ValidationSummary Control

Data Controls 

Grid View Control 

  1. Key Events and Properties
    1. Templates (Item Temp , Alternate Item Temp, Header, Footer)
  2. How to 
    1. Displaying Data Using a Stored Procedure in the GridView Web Server Control
    2. Simple Sorting for the GridView Web Server Control
    3. Displaying a Drop-Down List While Editing in the GridView Web Server Control
    4. Performing Bulk Updates to Rows Bound to a GridView Web Server Control
    5. Creating a Nested GridView Control
    6. How to: Enable Default Paging in the GridView Web Server Control
    7. How to: Enable Default Editing in the GridView Web Server Control
    8. How to: Enable Default Selection in the GridView Web Server Control
    9. How to: Enable Default Deleting in the GridView Web Server Control
    10. Creating a Custom Column in a GridView Web Server Control
    11. How to: Set GridView Web Server Control Column Width Dynamically
    12. How to: Customize Controls for Editing in the GridView Web Server Control

XML Controls

  1. Overview 
    1. An Xml Web server control reads XML and writes it into an ASP.NET Web page at the location of the control. If an XSL transformation (XSLT) is applied to the XML, the resulting transformed output will be rendered in the page. It does not have any events.
  2. How To 
    1. Walkthrough: Displaying an XML Document in a Web Forms Page Using Transformations
    2. How to: Add XML Web Server Controls to a Web Forms Page
    3. How to: Load XML Data in the XML Web Server Control
    4. How to: Transform XML Data in the XML Web Server Control

Localize Control

Substitution Control 


View and MultiView Control 

Chart Controls 

Data Repeater Control

The Repeater Web server control is a container control that allows you to create custom lists out of any data that is available to the page. Adding a Repeater Web server control to a page requires several steps.

Data List Control 

Grid View Control 

Data Pager Control

QueryExtender Control  

The QueryExtender control is used to create filters for data that is retrieved from a data source, without using an explicit Where clause in the data source. The control can be used to filter data in markup of a Web page by using declarative syntax. It is an alternative to LINQDataSource Control that does not offer all the LINQ features.



The ScriptManager control manages client script for AJAX-enabled ASP.NET Web pages. By default, the ScriptManager control registers the script for the Microsoft Ajax Library with the page. This enables client script to use the type system extensions and to support features such as partial-page rendering and Web-service calls.http://msdn.microsoft.com/en-us/library/bb398863(v=vs.100).aspx

Script Manager Proxy

A server control that enables nested components to add script and service references if the page already contains a ScriptManager control.

Update Panel Control 

It add partial-page update support. These controls remove the requirement to refresh the whole page with each postback, which improves the user experience. For more background on partial-page updates, see Partial-Page Rendering Overview.

UpdateProgress Control 

The UpdateProgress control provides status information about partial-page updates in UpdatePanel controls. You can customize the default content and the layout of theUpdateProgress control. To prevent flashing when a partial-page update is very fast, you can specify a delay before the UpdateProgress control is displayed.

User Controls