Accordion with a menu popup in header

2 posts, 0 answers
  1. Dipti
    Dipti avatar
    37 posts
    Member since:
    Dec 2011

    Posted 17 Jan 2012 Link to this post

    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
  2. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 20 Jan 2012 Link to this post

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

  3. DevCraft banner
Back to Top