Navigation Package

The Navigation package includes a Group Bar control that lets you implement Outlook Bar or Windows task bar like functionality. It serves as a container that can host a collection of controls where every such control represents a standard command or may include a set of commands.

Groupbar's design-time functionality lets you code less and design more.

• Access commonly used properites easily through the Smart Tag

• Groupbar Designer dialog box lets you create the groupbar item structure visually as well as provides accesss to customize properties of each node.

• Use the Style Designer dialog box to create custom styles for different states and apply them to different Groupbar items in the designer.

• Select pre-defined styles through the Auto Format dialog box and preview the applied style.
  

• Bind to XML/Sitemap Datasources easily during design-time.

• Several built-in Styles let you setup professional-looking sidebars.
  

  
  Built-In Groupbar Styles

• Easily associate Groupbar items with custom styles that define the appearance of the items for different states.
  

  
  CSS Applied Groupbar

• There is support for unique ToolTip for each TreeView node and the whole tree.

Groupbar can automatically size itself to specified limits and display scroll-arrows to view hidden groupbar list items. This is a very useful feature when displaying large, dynamic groupbars.

Declarative data binding of groupbar control to XML and Sitemap datasources, and XmlDocument is supported. This simplifies building of groupbars.

Integrate Groupbar with Multipage to automate content switching.

Seperation of groupbar and content area provides the developer great flexibility in positioning of content area.

Transition Effect

Transition effects can be applied to groupbar items during expand and collapse. Various types of expand and collapse effects can be specified and their duration modified to control the transition effects.

Expand Single Path

Restrict your user to expand a single path in treeview to keep the tree height minimal. In other words, expanding a child-node will collapse all it's siblings.

Groupbar Expand Single Path

Dynamically load contents onto the groupbar by detecting item click events on the server-side and populating child-items on demand.

Detect client-side click events and trigger callbacks on other portions of your page for efficient page updates.

Use the NavigateUrl property to specify a link on the groupbar in navigation mode. Click on this link to navigate to the specified URL.

Groupbar offers very convenient desktop-like experience with full support for keyboard shortcuts.

Trigger Groupbar navigation using ALT + Access Keys. Keyboard shortcuts for individual menu items can also be specified to quickly trigger menu commands.

Groupbar fully supports embedding any kind of ASP.NET control such as Calendar and TreeView inside a groupbar item using content template.

Server side events are listed below:

• ItemCollapse
• ItemCommand
• ItemExpand
• ItemSelect

Groupbars have a very rich client-side object model. The following events are raised in client-side:

• ClientSideOnItemCollapsed
• ClientSideOnItemExpand
• ClientSideOnItemMouseOut
• ClientSideOnItemMouseOver
• ClientSideOnSelect

The GroupBar control provides client-side methods for scripting purposes. GroupBar nodes can be accessed and manipulated on client-side through the following methods:

• FindByNodeID
• FindByNodeClientID
• GetAllNode
• GetSelectedNode
• GetExpandedNodes
• ExpandNode
• CollapseNode
• ExpandAll
• CollapseAll
• Select
• UnSelect