This VIDEO TUTORIAL and upcoming series of video tutorials will demonstrate on how to customize the DataList and Repeater controls for data display. These tutorials will also showcase on how to achieve a greater degree of customization of data for building various report patterns. In this step of the video, a new folder titled DataListRepeaterBasics is added to our Data Tutorials project and additional pages are added to this folder. In addition, the web.sitemap file is also updated to reflect the navigation menu on the site.master page of the project. Finally, a run time display of the default.aspx page of this newly created folder is examined at runtime with its navigation links on the left side navigation menu as well as on the Default.aspx page. For detailed information and source code for this step, please refer to the original article.

This step of the VIDEO TUTORIAL will demonstrate on adding a DataList control to the Basics.aspx page of the DataListRepeaterBasics folder of our project. Similar to the FormView, the DataList control also displays data in template fields rather than the bound fields. This is examined by configuring the DataList to a newly created ObjectDataSource control. In turn, the ObjectDataSource control is configured to retrieve product information from the ProductsBLL business object by binding the GetProducts () method. The resulting declarative markup is examined in the source of Basics.aspx web page and is further and the mark up within the ItemTemplate tags is further customized to display the a subset of Product information using html tags such as ‘h4’ and ‘table’ tags. Finally, the Basics.aspx web page is examined at run time to demonstrate the newly customized data display of Product information using the DataList control. For detailed information and source code for this step, please refer to the original article.

This VIDEO TUTORIAL will further customize and examine the display of Product information by the DataList control on the Basics.aspx web page our project. This is accomplished by adding a DataList.skin file to the App_Themes folder of the project. In the skin file, various style properties such as ItemStyle, AlternatingItemStyle, HeaderStyle, FooterStyle, SelecteItemStyle properties are initialized with various style sheet classes of Data Tutorial project that are specified in Style.css file. As demonstrated in the previous tutorials for customizing the GridView controls with GridView.skin files, the DataList control will exhibit a consistent look and feel whenever they are added to any pages in our project based on the newly added DataList.skin file. Finally, an examination of run time display of Basics.aspx page will conclude this step of the video. For detailed information and source code for this step, please refer to the original article.