[This documentation is for preview only, is not supported, and is subject to change in later releases.]

<UserControl x:Class="MS.SDKMSDNKeywordIndex.SDKMSDNHelpUtility"

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

             xmlns:vsfx="clr-namespace:Microsoft.VisualStudio.Shell;assembly=Microsoft.VisualStudio.Shell.10.0"

             xmlns:local="clr-namespace:MS.SDKMSDNKeywordIndex"

             mc:Ignorable="d" Name="MyToolWindow"

             Background="{DynamicResource {x:Static SystemColors.ControlBrushKey}}">

    <Grid ClipToBounds="True">

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="150*" />

        </Grid.ColumnDefinitions>

        <DockPanel VerticalAlignment="Top" ClipToBounds="True" LastChildFill="True" Name="foo">

            <TabControl DockPanel.Dock="Top" DataContext="{Binding}" SnapsToDevicePixels="False" RenderTransformOrigin="100,100">

                <TabItem KeyboardNavigation.IsTabStop="True">

                    <TabItem.Header>

                        <StackPanel Orientation="Horizontal">

                            <TextBlock KeyboardNavigation.IsTabStop="False">Test Keyword Index</TextBlock>

                        </StackPanel>

                    </TabItem.Header>

                    <DockPanel VerticalAlignment="Top" LastChildFill="True">

                        <TextBox KeyboardNavigation.IsTabStop="True" Margin="5,5,5,0" Height="25" Name="indexText" Width="Auto" PreviewKeyUp="indexText_PreviewKeyUp" TextChanged="indexText_TextChanged" DockPanel.Dock="Top" />

                        <TextBlock KeyboardNavigation.IsTabStop="False" Name="txtExceptionDetails" DockPanel.Dock="Top" Visibility="Hidden" TextWrapping="Wrap" />

                        <DataGrid KeyboardNavigation.IsTabStop="True" VirtualizingStackPanel.IsVirtualizing="True" VirtualizingStackPanel.VirtualizationMode="Recycling"

                                  ClipToBounds="True" Margin="5" Width="Auto" CanUserResizeRows="False" ColumnHeaderHeight="0" RowHeaderWidth="0"

                                  AutoGenerateColumns="False" ItemsSource="{Binding}" Name="dataGrid1" SelectionMode="Extended"

                                  SelectionChanged="dataGrid1_SelectionChanged" GridLinesVisibility="None"  CanUserReorderColumns="False"

                                  CanUserResizeColumns="False" CanUserSortColumns="False" VerticalScrollBarVisibility="Visible" IsReadOnly="True"

                                  DockPanel.Dock="Top" HeadersVisibility="None"

                                 

                        >

                            <DataGrid.RowStyle>

                                <Style TargetType="DataGridRow">

                                    <Setter Property="BorderThickness" Value="0"/>

                                    <Setter Property="BorderBrush" Value="White"/>

                                    <Style.Triggers>

                                        <Trigger Property="IsMouseOver" Value="True">

                                            <Setter Property="Background" Value="#FF688CAF"/>

                                            <Setter Property="Foreground" Value="White"/>

                                        </Trigger>

                                    </Style.Triggers>

                                </Style>

                            </DataGrid.RowStyle>

                            <DataGrid.Columns>

                                <DataGridTextColumn Binding="{Binding Name}" />

                            </DataGrid.Columns>

                        </DataGrid>

                    </DockPanel>

 

                </TabItem>

                <TabItem>

                    <TabItem.Header>

                        <StackPanel Orientation="Horizontal">

                            <TextBlock KeyboardNavigation.IsTabStop="False">Search</TextBlock>

                        </StackPanel>

                    </TabItem.Header>

                    <Grid ClipToBounds="True">

                        <Grid.ColumnDefinitions>

                            <ColumnDefinition Width="150*" />

                            <ColumnDefinition Width="50*" />

                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>

                            <RowDefinition></RowDefinition>

                        </Grid.RowDefinitions>

                        <TextBox Grid.Column="0" Grid.Row="0" KeyboardNavigation.IsTabStop="True" Margin="5" Name="searchText" PreviewKeyUp="searchText_PreviewKeyUp" />

                        <Button Grid.Column="1" Grid.Row="0" Width="45" Name="searchButton" HorizontalAlignment="Left" Click="searchButton_Click">Search</Button>

                    </Grid>

                </TabItem>

                <!--

                <TabItem KeyboardNavigation.IsTabStop="True">

                    <TabItem.Headher>

                        <StackPanel Orientation="Horizontal">

                            <TextBlock KeyboardNavigation.IsTabStop="False">Table Of Contents</TextBlock>

                        </StackPanel>

                    </TabItem.Header>

                    <DockPanel VerticalAlignment="Top" LastChildFill="True">

                        <TreeView KeyboardNavigation.IsTabStop="True" DockPanel.Dock="Top" Name="tocTree" ItemsSource="{Binding RootNodes}"

                                  SelectedItemChanged="tocTree_SelectedItemChanged" VirtualizingStackPanel.IsVirtualizing="True"

                                  VirtualizingStackPanel.VirtualizationMode="Recycling"

                                  MinHeight="250">

                            <TreeView.ItemContainerStyle>

                                <Style TargetType="{x:Type TreeViewItem}">

                                    <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />

                                    <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />

                                    <Setter Property="FontWeight" Value="Normal" />

                                    <Style.Triggers>

                                        <Trigger Property="IsSelected" Value="True">

                                            <Setter Property="FontWeight" Value="Bold" />

                                        </Trigger>

                                    </Style.Triggers>

                                </Style>

                            </TreeView.ItemContainerStyle>

                            <TreeView.Resources>

                                <HierarchicalDataTemplate

                                  DataType="{x:Type local:TocNodeViewModel}"

                                  ItemsSource="{Binding Children}"

                                  >

                                    <DockPanel LastChildFill="True">

                                        <TextBlock Text="{Binding Title}" />

                                    </DockPanel>

                                </HierarchicalDataTemplate>

                                <HierarchicalDataTemplate

                                  DataType="{x:Type local:RootNodeViewModel}"

                                  ItemsSource="{Binding Children}"

                                  >

                                    <DockPanel LastChildFill="True">

                                        <TextBlock Text="{Binding Title}" />

                                    </DockPanel>

                                </HierarchicalDataTemplate>

                            </TreeView.Resources>

                        </TreeView>

                    </DockPanel>

                </TabItem>-->

 

                <TabItem>

                    <TabItem.Header>

                        <StackPanel Orientation="Horizontal">

                            <TextBlock>Options</TextBlock>

                        </StackPanel>

                    </TabItem.Header>

                    <DockPanel VerticalAlignment="Top" LastChildFill="True"

                               Height="{Binding RelativeSource=

                                    {RelativeSource FindAncestor,

                                    AncestorType={x:Type Grid}},

                                    Path=ActualHeight}">

                        <GroupBox DockPanel.Dock="Top">

                            <GroupBox.Header>

                                <Label>Browser</Label>

                            </GroupBox.Header>

                            <DockPanel>

                                <RadioButton DockPanel.Dock="Top" Margin="5" Name="rb1" Checked="rb1_Checked" IsChecked="True">Use my default browser</RadioButton>

                                <RadioButton DockPanel.Dock="Top" Margin="5" Name="rb2" Checked="rb2_Checked">Use the embedded VS browser</RadioButton>

                                <CheckBox Margin="10,0,0,0" IsEnabled="False" Name="chkTOC" IsChecked="True" Checked="chkTOC_Checked" Unchecked="chkTOC_Unchecked">Display TOC in page</CheckBox>

                            </DockPanel>

                        </GroupBox>

                    </DockPanel>

                </TabItem>

            </TabControl>

        </DockPanel>

        <Popup Name="disambiguator" IsOpen="false" Placement="MousePoint">

            <DockPanel>

                <DataGrid  CanUserResizeRows="False" ColumnHeaderHeight="0" RowHeaderWidth="0"

                              AutoGenerateColumns="False" ItemsSource="{Binding}" Name="dgTopics" SelectionMode="Single"

                              SelectionChanged="dgTopics_SelectionChanged" GridLinesVisibility="None"  CanUserReorderColumns="False"

                              CanUserResizeColumns="False" CanUserSortColumns="False"

                              BorderThickness="2" CanUserAddRows="False" CanUserDeleteRows="False" IsReadOnly="True" Background="White"

                              MinWidth="100" HeadersVisibility="None" SelectionUnit="FullRow">

                    <DataGrid.RowStyle>

                        <Style TargetType="DataGridRow">

                            <Setter Property="BorderThickness" Value="0"/>

                            <Setter Property="BorderBrush" Value="White"/>

                            <Setter Property="Margin" Value="10,0,10,0"/>

                            <Style.Triggers>

                                <Trigger Property="IsMouseOver" Value="True">

                                    <Setter Property="Background" Value="#FF688CAF"/>

                                    <Setter Property="Foreground" Value="White"/>

                                </Trigger>

                            </Style.Triggers>

                        </Style>

                    </DataGrid.RowStyle>

                    <DataGrid.Columns>

                        <DataGridTextColumn Binding="{Binding Title}" />

                    </DataGrid.Columns>

                </DataGrid>

            </DockPanel>

        </Popup>

    </Grid>

</UserControl>