This step of the VIDEO TUTORIAL will layout the foundation for the displaying the product information highlighted in yellow color for each row with UnitPrice column value less than $10.00. In order to accomplish this scenario, a GridView control with an ID as ‘HighlightCheapProducts’ is added to the CustomColors.aspx webpage in the design mode below the previously created FormView control. This GridView is bound to the same ObjectDataSource on the web page and is customized to display a subset of the product information at run time that includes ProductName, Category and UnitPrice.For detailed information and source code for this step, please refer to the original article.

This VIDEO TUTORIAL(included in Step 7) will further extend the previous step by creating a RowDataBound event handler for the HighlightCheapProducts GridView data web control on the CustomColors.aspx webpage. In the event handler, custom code is written to retrieve the product row instance from the GridView’s DataItem property by making sure that it is a DataRow. Once a reference has been obtained for a data row instance, the UnitPrice column in the row instance is verified to make sure that it is not null and also the unit price is less than or equal to $10.00.For detailed information and source code for this step, please refer to the original article.

This VIDEO TUTORIAL(included in Step 7) will demonstrate by highlighting the GridView’s rows in Yellow, if the UnitPrice values are not null and are less than $10.00. This is achieved by assigning the Row.CssClass property of the product ‘GridViewRowEventArgs’ argument to ‘AffordablePriceEmphasis’ css class from Style.css file in the project. Finally, the web page is displayed at run time to show that the rows displayed in the GridView data web control are highlighted in yellow color for columns with Price values less than $10.00.
For detailed information and source code for this step, please refer to the original article.