This VIDEO TUTORIAL will introduce the viewer with various template fields such as HeaderTemplate, AlternatingItemTemplate, SelectedItemTemplate, EditItemTemplate, SeparatorTemplate and FooterTemplate. A demonstration of how to configure these templates in the design mode is also discussed. Finally, a label titled ‘Product Information’ is added to the HeaderTemplate within the ‘h3’ html tags and a horizontal row tag is added to the SeparatorTemplate of the DataList and the resulting display is examined at the run time. For detailed information and source code for this step, please refer to the original article.

This VIDEO TUTORIAL will examine the display of Categories information using a Repeater control. We have been introduced to Repeater control for listing the navigation menu in the ‘Master Pages and Site Navigation’ tutorial. When we examine the source of an .aspx web page that contains a GridView or a DataList controls, we will quickly determine that the mark up emitted by these data web controls contains ‘table’, ‘tr’ and ‘td’ html tags. However, if we do not want our data web controls to generate these preceding tags and to achieve a greater degree of customization of the emitted html, then, we have to use Repeater controls. In this step of the video, a repeater control is added to Basics.aspx web page to display Category information by utilizing an ObjectDataSource control that invokes the GetCategories () method of the CategoriesBLL business object. After binding the ObjectDataSource to the Repeater, the emitted markup is further customized. For detailed information and source code for this step, please refer to the original article.

This VIDEO TUTORIAL will demonstrate on how to apply various templates to the Repeater control, similar to the DataList control. Repeater control supports only five templates, namely, Header Template, Item Template, Alternating Template, Separator Template and Footer Template. In this step, the repeater control’s mark up is further enhanced by removing the previous step’s mark up and replacing it with Header, Item and Footer Templates. These templates are also applied with various style classes from the Style.css file of the project. Finally, an examination of the Repeater control display on the Basics.aspx web page at run time will conclude this step. For detailed information and source code for this step, please refer to the original article.