.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
david stephan

Home >> Articles >> Silverlight >> Post New Resource Bookmark and Share   

 Subscribe to Articles

Alternate Row Color In ListBox In WPF

Posted By:Diptimaya Patra       Posted Date: March 26, 2010    Points: 25    Category: Silverlight    URL: http://www.dotnetspark.com  

Alternate Row Color In ListBox In WPF. In this article we will see how we can make the Alternate Rows of the ListBox Colorful in WPF.
 

Introduction

In this article we will see how we can make the Alternate Rows of the ListBox Colorful in WPF.

Creating WPF Project

Fire up Visual Studio 2008 and create a new WPF Project. Name it as ListBoxSampleWPF.

1.gif

Now we will add a ListBox to the Application and it will look as following:

2.gif

Now let's add some sample data to the ListBox.

public class Person
    {
        public string Name { get; set; }
        public int Age { get; set; }
        public string Country { get; set; }
    }
ObservableCollection myList;
        public Window1()
        {
            InitializeComponent();
            myList = new ObservableCollection()
            {
                new Person{ Name="Name 1", Age=24, Country="India"},
                new Person{ Name="Name 2", Age=24, Country="India"},
                new Person{ Name="Name 3", Age=24, Country="India"},
                new Person{ Name="Name 4", Age=24, Country="India"},
                new Person{ Name="Name 5", Age=24, Country="India"},
                new Person{ Name="Name 6", Age=24, Country="India"},
                new Person{ Name="Name 7", Age=24, Country="India"},
                new Person{ Name="Name 8", Age=24, Country="India"},
                new Person{ Name="Name 9", Age=24, Country="India"},
                new Person{ Name="Name 10", Age=24, Country="India"},
                new Person{ Name="Name 11", Age=24, Country="India"},
                new Person{ Name="Name 12", Age=24, Country="India"},
                new Person{ Name="Name 13", Age=24, Country="India"},
                new Person{ Name="Name 14", Age=24, Country="India"},
                new Person{ Name="Name 15", Age=24, Country="India"},
                new Person{ Name="Name 16", Age=24, Country="India"},
                new Person{ Name="Name 17", Age=24, Country="India"},
                new Person{ Name="Name 18", Age=24, Country="India"},
                new Person{ Name="Name 19", Age=24, Country="India"},
                new Person{ Name="Name 20", Age=24, Country="India"},
                new Person{ Name="Name 21", Age=24, Country="India"},
                new Person{ Name="Name 22", Age=24, Country="India"},
            };
            lbPersonList.ItemsSource = myList;
}

Now Bind the Property "Name" to the ListBox, so that we can see the Names.


            
                
                    
                
            

3.gif

If you see from the above wecannot differentiate with each row, I mean to say the Row Background color is all same white.

Now we would add a style to the ListBoxItem.


        



            
                
                    
                
            

Now run the application.

4.gif

Yes, we got alternate row colors.

We can have value more than 2 as AlternationCount and add that many colors and you will see the Repeatation of colors after the AlternationCount.

Hope this article helps.

 Subscribe to Articles

     

Further Readings:

Responses

No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend