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
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
0
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
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 >>