This VIDEO TUTORIAL will layout the framework for upcoming steps in demonstrating additional degree of customization in displaying more than one field in a single column of GridView display. The objective of this video tutorial is to list a particular employee’s last and first name in one column, employee hire date in a calendar control and the total number of employed days for that particular employee in a GridView display at run time on the GridViewTemplateField.aspx web page. The data information is obtained from EmployeesBLL object for configuring the ObjectDataSource that will be bound to a GridView on the web page. A demonstration of the preceding web page with employee information in bound fields at run time will conclude this step. For detailed information and source code for this step, please refer to the original article.

This VIDEO TUTORIAL will outline the process in which the last name and first name of the employee are shown in one column of GridView display at run time instead of separate columns. This accomplished by converting the first name filed of the GridView display to template field column from the Edit Fields link on the smart tag menu of the GridView control. This process initiates the inclusion of EditItemTemplate and ItemTemplate fields in the declarative mark up of the GridViewTemplateField.aspx page by replacing the data bound field. In order to append the last name to the first name in the design mode of the GridView control, click on the smart tag menu of the GridView and click on the Edit Template link. From the Template Editing mode drop down list, first name ItemTemplate can be selected. Following which, another label server control can be dragged and dropped next to the first name field. This newly added label is customized using its smart tag menu and clicking on Edit DataBindings link. This will initiate the launch of databindings wizard and aids in assigning lastname field to the newly added label. This concludes in displaying first name and last name in one column of the GridView. For detailed information and source code for this step, please refer to the original article.

This VIDEO TUTORIAL will discuss on how to display a calendar control in one of the columns of the GridView control at run time display. In order to display the ‘HireDate’ fields as a selected date in a calendar control, the HireDate bound field must be converted into a template field column using the Edit Fields dialog box from the smart tag menu of the GridView control. After this conversion, make sure to keep this ‘HireDate’ field in the template editing mode and drag and drop a calendar control from the Toolbox. The HireDate is displayed as one of the selected dates (based on the HireDate value) in the calendar field at run time after it is assigned through the Calendar control’s DataBindings wizard. For detailed information and source code for this step, please refer to the original article.