RadDocking and DocumentHost Issues

[Mike]

Hello,

I am required to create an interface that has forms within side RadPanes and a WebBrowser control (another others) in the main DocumentHost window.  For some reason only a few of the controls within the DocumentHost render at runtime.  Also, the controls that do display are not maintaining their position correctly.

See attached image.

How do I accomplish the desired interface?  OR  What am I doing wrong?

<telerik:RadDocking.DocumentHost>
                <telerik:RadSplitContainer>
                    <telerik:RadPaneGroup>
                        <telerik:RadPane Header="Browser" CanFloat="False">
                            <Grid x:Name="grdBrowser" Margin="0">
                                <StackPanel HorizontalAlignment="Stretch" Margin="6" Name="stackPanel1" VerticalAlignment="Stretch">
                                    <StackPanel Name="stackPanel2" Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Stretch">
                                            <Button x:Name="btnWebPrev" HorizontalAlignment="Left" Height="34" Style="{DynamicResource stylePreviousButton}" VerticalAlignment="Top" Width="34" Cursor="Hand"/>
                                            <Button x:Name="btnWebNext" HorizontalAlignment="Left" Height="34" Style="{DynamicResource styleNextButton}" VerticalAlignment="Top" Width="34" Cursor="Hand"/>
                                            <TextBox Height="23" x:Name="txtWebURL" Width="519" />
                                            <Button x:Name="btnWebSearch" HorizontalAlignment="Left" Height="34" Style="{DynamicResource styleSearchButton}" VerticalAlignment="Top" Width="34" Cursor="Hand" Click="btnWebSearch_Click"/>
                                            <Button x:Name="btnWebStop" HorizontalAlignment="Left" Height="34" Style="{DynamicResource styleStopButton}" VerticalAlignment="Top" Width="34" Cursor="Hand"/>
                                            <Button x:Name="btnWebRefresh" HorizontalAlignment="Left" Height="34" Style="{DynamicResource styleRefreshButton}" VerticalAlignment="Top" Width="34" Cursor="Hand"/>
                                            <Button x:Name="btnWebAddSource" HorizontalAlignment="Left" Height="34" Style="{DynamicResource styleAddSourceButton}" VerticalAlignment="Top" Width="34" Cursor="Hand"/>
                                    </StackPanel>
                                    <WebBrowser Height="603" x:Name="webBrowser" />
                                    <StackPanel Name="stackPanel3" Orientation="Horizontal">
                                        <Label Content="Label" Height="28" Name="lblStatus" />
                                    </StackPanel>
                                </StackPanel>
                            </Grid>
                        </telerik:RadPane>
                    </telerik:RadPaneGroup>
                </telerik:RadSplitContainer>
            </telerik:RadDocking.DocumentHost>

Thank you and best regards,
Mike

[Mike]

Okay, I'm a bone head.  These issues were all user error, but here is what I found out.

The WebBrowser control doesn't support transparency and my window was set for transparency on.

The layout issue was caused by not defining the columns within the grid.

Thanks for everyone taking the time to look this over.  Here is the final XAML.

            <telerik:RadDocking.DocumentHost>
                <telerik:RadSplitContainer>
                    <telerik:RadPaneGroup>
                        <telerik:RadPane Header="Browser" CanFloat="False">
                            <Grid x:Name="grdBrowser" Margin="0" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="34" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="34" />
                                </Grid.RowDefinitions>
                                    <StackPanel Name="stackPanel2" Orientation="Horizontal" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Width="736">
                                            <Button x:Name="btnWebPrev" HorizontalAlignment="Left" Height="34" Style="{DynamicResource stylePreviousButton}" VerticalAlignment="Top" Width="34" Cursor="Hand"/>
                                            <Button x:Name="btnWebNext" HorizontalAlignment="Left" Height="34" Style="{DynamicResource styleNextButton}" VerticalAlignment="Top" Width="34" Cursor="Hand"/>
                                            <TextBox Height="23" x:Name="txtWebURL" Width="519" />
                                            <Button x:Name="btnWebSearch" HorizontalAlignment="Left" Height="34" Style="{DynamicResource styleSearchButton}" VerticalAlignment="Top" Width="34" Cursor="Hand" Click="btnWebSearch_Click"/>
                                            <Button x:Name="btnWebStop" HorizontalAlignment="Left" Height="34" Style="{DynamicResource styleStopButton}" VerticalAlignment="Top" Width="34" Cursor="Hand"/>
                                            <Button x:Name="btnWebRefresh" HorizontalAlignment="Left" Height="34" Style="{DynamicResource styleRefreshButton}" VerticalAlignment="Top" Width="34" Cursor="Hand"/>
                                            <Button x:Name="btnWebAddSource" HorizontalAlignment="Left" Height="34" Style="{DynamicResource styleAddSourceButton}" VerticalAlignment="Top" Width="34" Cursor="Hand"/>
                                    </StackPanel>
                                <WebBrowser x:Name="webBrowser" Grid.Column="0" Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
                                <StackPanel Name="stackPanel3" Orientation="Horizontal" Grid.Column="0" Grid.Row="2" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                                        <Label Content="Label" Height="28" Name="lblStatus" />
                                    </StackPanel>
                            </Grid>
                        </telerik:RadPane>
                    </telerik:RadPaneGroup>
                </telerik:RadSplitContainer>
            </telerik:RadDocking.DocumentHost>

~Mike

[Konstantina]

Hello Mike,

We are glad that you have resolved the issue yourself.

If you have any other questions about our controls please feel free to contact us again.

Best wishes,
Konstantina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.