Thanks for the help! Most embarrassing!

I had tried to have the dockmanager contain the tab control but I ran into issues because I could not get it to display properly without adding the tab control to another content pane which I didn't want to do since I didn't want a header etc. for that subset of components.

I couldn't seem to find a container component that worked to hold the tab control but that didn't also give me a header for free.

It works beautifully now and I assume it is also due to the addition of the pane to the dockmanager from your first suggestion.

Thanks again Andrew!

Allen

You have the xamDockManager in a Grid where the ColumnDefinition it is associated with is set to Auto - i.e. the ColumnDefinition will only be as wide as the children in that column need based on their content. Well when you unpin the ContentPane the XamDockManager gets smaller - actually only as wide as the UnpinnedTabArea. The UnpinnedTabFlyout is shown as a child of the DockManagerPanel but since it has a Width of 0 - because there is nothing else in the xamDockManager content area and you have it in a container that is only making it as wide as it needs to be you don't actually see the flyout because it is clipped by the ancestor elements. Typically one makes the xamDockManager the content of say the UserControl/Window and then puts other things into the Content of the xamDockManager. So for example you might get rid of the ColumnDefinitions for the layoutRoot and move the XamTabControl into the XamDockManager. e.g.

    <Grid Name="layoutRoot" Loaded="Grid_Loaded" >
        <igDock:XamDockManager Name="xamDockManager1" Grid.Column="0" >
            <igDock:XamDockManager.Panes>
                <igDock:SplitPane HorizontalAlignment="Left" Name="splitPaneLeft">
                    <igDock:ContentPane AllowClose="False" Header="Filters" Name="contentPaneLeft">
                        <igDock:ContentPane.Content>
                            <StackPanel Name="stackPanelLeft">
                                <Label Grid.Row="1" Grid.Column="0" Content="Selected Date / Range:" Name="lblCalendar"/>
                                <igEditors:XamMonthCalendar Name="xamMonthCalendar1" Width="280" DayOfWeekHeaderFormat="TwoCharacters" SelectedDatesChanged="xamMonthCalendar1_SelectedDatesChanged" BorderThickness="1" />
                                <Separator Height="5" Name="separator1" HorizontalAlignment="Stretch" Margin="0,10" />
                                <Label Content="Selected Date:" Name="lblSelectedDateRange" />
                                <TextBox Height="20" MinWidth="75" MaxWidth="200"  Name="txtSelectedDateRange" HorizontalAlignment="Center"/>
                                <Separator Height="5" Name="separator2" HorizontalAlignment="Stretch" Margin="0,10"/>
                                <Label  Content="Select Provider(s):" Name="lblSelectProvider"/>
                                <igDP:XamDataGrid Name="xamDataGrid3" Margin="20,0" MinWidth="200" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" SelectedItemsChanged="xamDataGrid3_SelectedItemsChanged" >
                                    <igDP:XamDataGrid.FieldLayouts>
                                        <igDP:FieldLayout>
                                            <igDP:FieldLayout.Fields>
                                                <igDP:Field Name="ProviderName" Label="ProviderName" >
                                                </igDP:Field>
                                            </igDP:FieldLayout.Fields>
                                        </igDP:FieldLayout>
                                    </igDP:XamDataGrid.FieldLayouts>
                                </igDP:XamDataGrid>
                            </StackPanel>
                        </igDock:ContentPane.Content>
                    </igDock:ContentPane>
                </igDock:SplitPane>
            </igDock:XamDockManager.Panes>
            <igWindows:XamTabControl  Name="xamTabControl1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Column="1" Grid.ColumnSpan="3">
                <TabItem Header="Provider Appointments" Name="tiWorksheetInfo" HorizontalAlignment="Stretch">
                    <Grid>
                        <igDP:XamDataGrid HorizontalAlignment="Stretch" Name="xamDataGrid1" VerticalAlignment="Stretch"  RecordActivated="xamDataGrid1_RecordActivated" SelectedItemsChanging="xamDataGrid1_SelectedItemsChanging" SelectedItemsChanged="xamDataGrid1_SelectedItemsChanged"/>
                    </Grid>
                </TabItem>
                <TabItem Header="Selected Patient Appointments" Name="tiPatientInfo" HorizontalAlignment="Stretch">
                    <Grid>
                        <igDP:XamDataGrid HorizontalAlignment="Stretch" Name="xamDataGrid2" VerticalAlignment="Bottom" />
                    </Grid>
                </TabItem>
            </igWindows:XamTabControl>
        </igDock:XamDockManager>
    </Grid>

BTW you should also avoid setting the Vertical|HorizontalAlignment of the SplitPane and ContentPane or your going to get some odd results in how the elements are arranged. Typically one wants them to stretch to use the available area so the default value of Stretch makes the most sense.

allenovereem said:

Now I can collapse the pane but can't expand it again. Any ideas?

What do you mean by collapse? Do you mean unpinning and pinning? Do you have a sample that demonstrates the issue you are experiencing?

Thanks Andrew. That explains why it works in the code too. I was adding them to the pane in the code but didn't connect that I needed the pane in the designer since I didn't have the component to select in the toolbox. It is much like adding columns, etc. to the grid. The "new to WPF" fog clears just a little!

Now I can collapse the pane but can't expand it again. Any ideas?

I had the allowclose in there and it does cause the button to be grayed out as you say. I will use your idea for generating the custom header later on. Thanks again!

Allen