This VIDEO TUTORIAL will familiarize the viewer on how to customize the display of data from the GetProducts( ) method of the ProductsBLL business object. The primary goal of this tutorial is to display the product name as header label and remaining fields within a table element of the FormView.aspx web page. In this step of the video a FormView control is added to the web page and is bound to an ObjectDataSource and its display is examined at run time. In addition to the GetProducts( ) method, other methods for Insert, Update and Delete functionalities of the ProductsBLL object also are bound to the ObjectDataSource and in turn, are reflected as corresponding Item, Insert, Update and Delete Templates in the declarative mark up of the FormView.aspx page.These bindings will reflect as New, Edit and Delete link buttons in the design mode of the FormView control display on the web page. Since the New, Edit and Delete links are not needed for our demonstration, therefore, these links are removed from the declarative markup of the web page in the source mode. For detailed information and source code for this step, please refer to the original article.

In this step of the VIDEO TUTORIAL, the declarative mark up of the FormView control on the web page is modified to accommodate a "hr" tag, "h3" element with the Product field as a label and a "table" element with the remaining fields that need to be displayed is added. In addition ‘ProductPropertyLabel’ and ‘ProductPropertyValues’ CSS classes are utilized in the Style.css of the project to control the display to suit our needs. For detailed information and source code for this step, please refer to the original article.