In This Article

Headers and Content

ExplorerBar has several configuration options for the display of its expander panes.


For pane headers, the Expander.Header can be set to either a string or an ImageTextInfo object.


The ExplorerBar control with two panes

If the header is a string, it will be displayed like the File and Folder Tasks pane in the screenshot above. Alternatively, the ImageTextInfo class gives you the option of displaying text and an image, like shown in the Picture Tasks pane.

Image/Text and Alternate Pane Style Example

This sample shows how to create an expander pane with an alternate style (which attracts attention and is sometimes used for the first pane item). It also has an image in the header, showing the use of ImageTextInfo. Note how some extra margin space is defined for the top of the pane since the image will stretch into the margin area.

	<shared:AnimatedExpander IsExpanded="True" Margin="0,7,0,0"
	                         Style="{DynamicResource {x:Static themes:ExplorerBarCommonDictionary.ExpanderAlternateStyleKey}}">
			<shared:ImageTextInfo ImageSourceLarge="/Resources/Images/PictureTasks32.png" Text="Picture Tasks" />
		<!-- Content here -->


Any sort of content can be placed in the content portion of a pane. A common practice is to use a StackPanel of Hyperlink controls in some panes. But the general rule of thumb for content of a pane is that it should relate in some way to the context outside of the ExplorerBar, such as providing tasks or information related to the outer content.