Matt Berseth: Creating an Outlook Navigation Bar using the ListView and Accordion AjaxControlToolkit Control


 

image

The left pane contains a 2 level hierarchy of categories and subcategories.  As the user selects different subcategories the designer wants the right pane’s content to be updated with the corresponding information.  Just like Outlook, the designer wants the subcategories to be displayed within expanding and collapsing panels. Accordion AjaxControlToolkit.

The Accordion is not the only toolkit control that allows you to provide multiple panes of content and display them one at a time, the Tab control does this as well.  The trick is deciding what control better meets your requirements.

Live Demo (IE6, IE7 and FF) | Download (.Net 3.5 and Toolkit Version 3.5.11119.0)

Via Matt Berseth: Creating an Outlook Navigation Bar using the ListView and Accordion Controls

About these ads

3 thoughts on “Matt Berseth: Creating an Outlook Navigation Bar using the ListView and Accordion AjaxControlToolkit Control

  1. Hi Berseth,

    I am trying to achieve styling of the accordion control in Blend 3 (using silverlight 3 toolkit July 2009 release).

    I’ve placed an accordion on the user control

    Then selected “Object” –> Edit Additional Styles –> Edit Generated Item Container (ItemContainerStyle) –>

    But “Edit Copy” is grayed out… The only option available is “Create Empty” which is not what I want to do.

    Can you give me some pointers as to how to edit the default template?

    Many thanks

    • This post is about ASP.NET’s Accordian … NOT Silverlight!

      But anyway, I have tried Blend. My “Edit Copy” isn’t grayed out. I am using the Oct09 release. Give it a try see if that makes a difference.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s