Good Day.
 
I'm struggling to bind the AvalonDock.DocumentPane to an Observable collection containing DocumentContent's.
 
this how my code is defined in my viewmodel
 
DocumentContent tab = new DocumentContent()

                {
                    Title = checkbox.Content.ToString(),
                    Tag = checkbox.Tag,
                    Content = StockFuturesUserControl,
                    IsCloseable = false,
                    IsHitTestVisible = true,
                    IsFloatingAllowed = true
                };
                this.SelectedTradesTab = tab;

TradingItems.Add(tab);

this is how my xaml is defined.
 
<my:DockingManager HorizontalAlignment="Stretch"

                                                       Margin="5"
                                                       Name="TradesDockmananger"
                                                       VerticalAlignment="Stretch"
                                                       Padding="5">
                                        <my:ResizingPanel Orientation="Horizontal" >
                                            <my:DocumentPane ItemsSource="{Binding TradingItems}"
                                                             SelectedItem="{Binding SelectedTradesTab}"/>
                                        </my:ResizingPanel>
                                    </my:DockingManager>

 
The tab's appear nicely but my problem is that I cannot select any of the Tab's.
 
I have attached a screen capture of this problem