How to seperate tabs?

Dec 18, 2010 at 9:14 PM

Hi!

When I build the project, the right panel is showed in tabs: http://img831.imageshack.us/i/59611458.png/

I want to seperate them as can be seen in here: http://img713.imageshack.us/i/99892670.png/

 

CODE:

<ad:DockingManager x:Name="dockManager" Grid.Row="1">
                    <ad:ResizingPanel Orientation="Horizontal" IsItemsHost="False">
                        <ad:DocumentPane>
                            <ad:DocumentContent IsCloseable="False" IsFloatingAllowed="False" IsLocked="True">
                                <Grid Background="White">

                                </Grid>
                            </ad:DocumentContent>
                            
                        </ad:DocumentPane>
                    <ad:DockablePane ad:ResizingPanel.ResizeWidth="200" Name="mainDocumentPane">
                        <ad:DockableContent Title="Stream Information" Name="streamInfoDockableContent">
                            <Grid>
                                <TextBlock x:Name="title_tb" Height="34" Margin="8,6,324,0" TextWrapping="Wrap" Text="Title" VerticalAlignment="Top" FontSize="26.667" FontFamily="Segoe UI Light" />
                                <TextBlock x:Name="time_left_tb" Height="26" Margin="8,0,0,92" TextWrapping="Wrap" Text="time left:" VerticalAlignment="Bottom" FontSize="18" FontFamily="Segoe UI Light" HorizontalAlignment="Left" Width="83" Foreground="White" />
                            </Grid>
                        </ad:DockableContent>
                        <ad:DockableContent Title="Video Configuration">
                            <Grid>
                                <ComboBox Name="video_device_list_lb" Height="24" Margin="8,6,6,0" Width="406" VerticalAlignment="Top" />
                                <Button Name="refreshVideo_btn" Content="Refresh" Click="refreshVideo_btn_Click" Height="25" Margin="0,36,93,0" Width="85" VerticalAlignment="Top" HorizontalAlignment="Right" />
                                <Button Name="applyVideo_btn" Content="Apply" Click="applyVideo_btn_Click" Height="25" Margin="0,36,6,0" Width="80" VerticalAlignment="Top" HorizontalAlignment="Right" />
                            </Grid>
                        </ad:DockableContent>
                        <ad:DockableContent Title="Audio Configuration">
                            <Grid>
                                <ComboBox Name="audio_device_list_lb" Height="24" Margin="8,6,6,0" Width="184" VerticalAlignment="Top" />
                                <Button Name="refreshAudio_btn" Content="Refresh" Click="refreshAudio_btn_Click" Height="25" Margin="0,36,93,0" Width="85" VerticalAlignment="Top" HorizontalAlignment="Right" />
                                <Button Name="applyAudio_btn" Content="Apply" Click="applyAudio_btn_Click" Height="25" Margin="0,36,6,0" Width="80" VerticalAlignment="Top" HorizontalAlignment="Right" />
                            </Grid>
                        </ad:DockableContent>
                    </ad:DockablePane>
                </ad:ResizingPanel>
            </ad:DockingManager>