This is a migrated thread and some comments may be shown as answers.

Accordion with a menu popup in header

1 Answer 100 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Dipti
Top achievements
Rank 1
Dipti asked on 17 Jan 2012, 01:42 PM
Hi,

We need to create an accordion in our website. The header of each panel should have some text and a button. This button when clicked should show a menu. Please see attached an image of the same.

Is PanelBar the best control for such scenario and can we customize it's headers to have this kind of menu?

Thanks.
~Dipti

1 Answer, 1 is accepted

Sort by
0
Tina Stancheva
Telerik team
answered on 20 Jan 2012, 10:34 AM
Hello Dipti,

You can definitely take advantage of the RadPanelBar control to implement your scenario. You can follow two approaches - databinding the ItemsSource of the control or populating its items in XAML.

In the first case you can customize the ItemTemplate to display in the header of the RadPanelBarItems text and a RadDropDownButton. In the second approach you can customize the Header property to add custom content in it.

I attached a sample demonstrating both approaches. Please give it a try and let me know if it works for you.

Kind regards,
Tina Stancheva
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Tags
PanelBar
Asked by
Dipti
Top achievements
Rank 1
Answers by
Tina Stancheva
Telerik team
Share this question
or