Accordion is a Control added to the WPF Toolkit in February 2010 release. In
this article we will see how we can use the control. It was very easy to handle
in Silverlight though; we will see how far it is easy in WPF. Creating WPF Application Project
Fire up Visual Studio 2008 and Create a WPF Application and name the project as
We can add an Accordion Control by referencing the following DLL in the Toolkit
Or, we can add it in Expression Blend.
After adding the Accordion, we need to add AccordionItem also. Add two of them.
Expression Blend doesn't support designing.
So we would go back to Visual Studio, perhaps there we will be able to!
Yes, we can add content to the AccordionItem in Visual Studio.
I realized that after adding each control to the content we have to build the
project the Expression Blend is able to reload the design.
As you see above I have added several controls.
The following is the XAML reference.
In this sample we will see how we can select another accordion item by some
event in other accordion item.
Here's the thing. We will take user input from AccordionItem "User Input" and on
Submit Button click event we will display the "User Info" AccordionItem.
The following code is for your reference.
That's it. Run the application and give some input to the TextBoxes and Click on
Submit button, you would see the User Info Accordion is selected.
I am not able to change the Background color from Blue to any other color. Let
me have some tweak on that.
Hope this article helps.
Auto Complete Box in WPF Toolkit
Creating a simple 3D scene in WPF
please tell me how to add this. i am unable to do this.
How do you modify the theme of accordion item? Any help...
You can change the blue background by modifying the theme of the accordion item. For some odd reason it's set to blue.
hi,That is very good article, i wanted to know about your progress in changing the blue background color that you mentioned at the end of the article. If you found any thing related then please share it with meThanksImmi