This step of the VIDEO TUTORIAL will initiate the ground work on how to control and customize the display properties such as CssClass, Font, BorderWidth, BorderStyle, BorderColor, Width, and Height, HeaderStyle, RowStyle, AlternatingRowStyle attributes of data web controls such as DetailsView, FormView and GridView controls. In order to demonstrate these style related properties and their customization in the design mode as well as at run time using programmatic approach we will utilize various event handlers of these data web controls as well as style related properties in the Style.css file of this project. In this first step, we will add a DetailsView control to the CustomColors.aspx page of CustomFormatting folder and display the data in it at run time by binding the DetailsView control to an ObjectDataSource that invokes GetProducts( ) method of ProductsBLL class. For detailed information and source code for this step, please refer to the original article.

This step of the VIDEO TUTORIAL (included Step 1 Video) will create and demonstrate a DataBound event handler for the DetailsView control who’s ID is set to ‘ExpensiveProductsPriceInBoldItalic’. In the next video, we will write some custom code to format the display of UnitPrice column of the Product information in the DetailsView display at run time as Bold and Italic if the price of a particular product exceeds $75.00. For detailed information and source code for this step, please refer to the original article.

This step of the VIDEO TUTORIAL will provide the custom code for the DataBound event-handler of the ExpensiveProductsPriceInBoldItalic’ DetailsView data web control. Basically, a demonstration of custom code on how to retrieve each DataItem of the DetailsView control to check the UnitPrice attribute value will be made. The UnitPrice can be formatted to display bold and italic letter for its value, if the UnitPrice exceeds $75.00. This can be done by controlling the font attribute of the row property of ExpensiveProductsPriceInBoldItalic’ DetailsView control or by applying a newly added style sheet class (ExpensivePriceEmphasis) from Style.css file of our project. Following this the run time display of the CustomColors.aspx web page would display the UnitPrice in Italic and Bold fonts; if the product’s Unit Price value exceeds $75.00. For detailed information and source code for this step, please refer to the original article.