How to customize (or remove) the documentviewer toolbar in code (no xml)?

Question

Hi all,
I have a tab control that gets a new tab (with a documentviewer and a button) at runtime as the user selects items from a listbox. There is no xml for the new tabs ( but there is for the tabControl). The new tabs are generated at run time. After some
time I was able to put a couple of rows and have the button in the top row and the documentviewer on the bottom row. Now I'm thinking I want to get rid of the documentviewer toolbar but all examples I can find use xml. I also read that I need to change
the default template for the documentviewer... but again most stuff involves xml. So ... I'm thinking maybe I should modify the toolbar instead to include the button. But I'm not sure which way would be easier.
Comments welcome.
Thanks
private void myListbox_SelectionChanged(object sender, SelectionChangedEventArgs e)
if (myListbox.Items.Count > 0)
TabItem newTab = new TabItem();
newTab.Header = myListbox.SelectedValue.ToString();
Button closeButton = new Button();
closeButton.Content = "Close Report";
closeButton.Width = 105;
closeButton.Height = 25;
closeButton.Margin = new Thickness(50, 0, 50, 0);
closeButton.HorizontalAlignment = System.Windows.HorizontalAlignment.Right;
closeButton.VerticalAlignment = System.Windows.VerticalAlignment.Center;
closeButton.AddHandler(Button.ClickEvent, new RoutedEventHandler(closeButton_Click));
DocumentViewer mydoc = new DocumentViewer();
// Need to remove or modify documentViewer toolbar Grid myGrid = new Grid();
RowDefinition topRow = new RowDefinition();
RowDefinition bottomRow = new RowDefinition();
topRow.Height = new GridLength(5, GridUnitType.Star);
bottomRow.Height = new GridLength(95, GridUnitType.Star);
myGrid.RowDefinitions.Insert(myGrid.RowDefinitions.Count, topRow);
myGrid.RowDefinitions.Insert(myGrid.RowDefinitions.Count, bottomRow);
Grid.SetRow(closeButton, 0);
myGrid.Children.Add(closeButton);
Grid.SetRow(mydoc, 1);
myGrid.Children.Add(mydoc);
newTab.Content = myGrid;
mainTabcontrol.Items.Insert(mainTabcontrol.Items.Count, newTab);
private void closeButton_Click(object sender, RoutedEventArgs e)
TabItem tabToClose = new TabItem();
tabToClose = mainTabcontrol.SelectedItem as TabItem;
mainTabcontrol.Items.Remove(tabToClose);

Answer 1

You could add a "dummy" DocumentViewer to your XAML, switch to design mode in Visual Studio 2012 or later, right-click on it and choose Edit Template->Edit a copy to copy the default template into your XAML and then modify it as per your requirements.
You can then remove the "dummy" control, but keep the generated style and assign the Style property of your DocumentViewer to this custom style at runtime:
DocumentViewer mydoc = new DocumentViewer();
mydoc.Style = this.Resources["DocumentViewerStyle1"] as Style;
//or mydoc.Style = Application.Current.Resources["DocumentViewerStyle1"] as Style;
Hiding/removing the Toolbar can be accomplished by setting the Visibility property of the first ContentControl in the default ControlTemplate to Collapsed:
<Window.Resources>
<Style x:Key="DocumentViewerStyle1" BasedOn="{x:Null}" TargetType="{x:Type DocumentViewer}">
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"/>
<Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
<Setter Property="FocusVisualStyle" Value="{x:Null}"/>
<Setter Property="ContextMenu" Value="{DynamicResource {ComponentResourceKey ResourceId=PUIDocumentViewerContextMenu, TypeInTargetAssembly={x:Type Documents:PresentationUIStyleResources}}}"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type DocumentViewer}">
<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Focusable="False">
<Grid Background="{TemplateBinding Background}" KeyboardNavigation.TabNavigation="Local">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<ContentControl Visibility="Collapsed" Grid.Column="0" Focusable="{TemplateBinding Focusable}" Grid.Row="0" Style="{DynamicResource {ComponentResourceKey ResourceId=PUIDocumentViewerToolBarStyleKey, TypeInTargetAssembly={x:Type Documents:PresentationUIStyleResources}}}" TabIndex="0"/>
<ScrollViewer x:Name="PART_ContentHost" CanContentScroll="true" Grid.Column="0" Focusable="{TemplateBinding Focusable}" HorizontalScrollBarVisibility="Auto" IsTabStop="true" Grid.Row="1" TabIndex="1"/>
<DockPanel Grid.Row="1">
<FrameworkElement DockPanel.Dock="Right" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}"/>
<Rectangle Height="10" Visibility="Visible" VerticalAlignment="top">
<Rectangle.Fill>
<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
<LinearGradientBrush.GradientStops>
<GradientStopCollection>
<GradientStop Color="#66000000" Offset="0"/>
<GradientStop Color="Transparent" Offset="1"/>
</GradientStopCollection>
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
</DockPanel>
<ContentControl x:Name="PART_FindToolBarHost" Grid.Column="0" Focusable="{TemplateBinding Focusable}" Grid.Row="2" TabIndex="2"/>
</Grid>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
If you just want to hide the Toolbar, you could do this programmatically by findind the ContentControl in the visual tree using a helper method like this:
private void myListbox_SelectionChanged(object sender, SelectionChangedEventArgs e)
DocumentViewer mydoc = new DocumentViewer();
mydoc.Loaded += (ss, ee) =>
ContentControl cc = FindVisualChildren<ContentControl>(mydoc).FirstOrDefault();
cc.Visibility = System.Windows.Visibility.Collapsed;
private static IEnumerable<T> FindVisualChildren<T>(DependencyObject depObj) where T : DependencyObject
if (depObj != null)
for (int i = 0; i < VisualTreeHelper.GetChildrenCount(depObj); i++)
DependencyObject child = VisualTreeHelper.GetChild(depObj, i);
if (child != null && child is T)
yield return (T)child;
foreach (T childOfChild in FindVisualChildren<T>(child))
yield return childOfChild;
If you want to do some more advanced customization, then use the XAML approach and edit the template accordingly.
Hope that helps.
Please remember to close your threads by marking helpful posts as answer and then start a new thread if you have a new question. Please don't post several questions in the same thread.