This VIDEO TUTORIAL will show case on how to use TemplateFields in the DetailsView web data control. The goal of this tutorial is to display UnitPrice, UnitsInStock and UnitsOnOrder fields as a one row in the DetailsView display. In addition, the discontinued field will be displayed as ‘YES’ or ‘NO’ labels instead of a check box control. In the Step1 of this tutorial a DetailsView control is added to the DetailsViewTemplateFields.aspx and an ObjectDataSource is configured to retrieve product information using GetProducts( ) method of ProductsBLL business object and eventually bound to the DetailsView control on the web page. Finally, the product information display is examined at runtime. For detailed information and source code for this step, please refer to the original article.

This VIDEO TUTORIAL will demonstrate in customizing the user interface display of the DetailsView control on the web page by clicking the ‘Edit Fields’ link on the smart tag menu. A new template field as ‘Price Inventory’ is added through this interface to the DetailsView control. This will add the ItemTemplate and EditTemplate tags in the declarative markup of the DetailsViewTemplateFields.aspx. Labels for UnitPrice, UnitsInStock and UnitsOnOrder are added to the ItemTemplate portion of the markup and the data bindings are configured to display the relevant fields. In addition, the UnitPrice is formatted to display currency at runtime. For detailed information and source code for this step, please refer to the original article.

This step of the VIDEO TUTORIAL will showcase on how to remove the existing check box from the DetailsView display at runtime and replace it with ‘YES’ or ‘NO’ labels. In order to accomplish this, a custom function named ‘DisplayDiscontinuedAsYESorNO (bool discontinued)’ is added to the code behind file of the page under consideration. This function is invoked from the ItemTemplate mark up of the ‘Discontinued’ field. For detailed information and source code for this step, please refer to the original article.