Hello in the code beneath is my page. Its a simple ribbonbar with below a raddocking component. In the designer it looks good. But when i start it and it opens in the explorer window an ugly white bar appears between the docking component and the ribbonbar. All the properties are set to stretch? How can i enable that the layout stays as in the designer
<
navigation:Page
xmlns:toolkit
=
"http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit"
xmlns:telerik
=
"http://schemas.telerik.com/2008/xaml/presentation"
x:Class
=
"SilverlightApplication1.Page4"
mc:Ignorable
=
"d"
xmlns:navigation
=
"clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
d:DesignWidth
=
"640"
d:DesignHeight
=
"480"
Title
=
"Page4 Page"
>
<
Grid
x:Name
=
"LayoutRoot"
>
<
Grid.RowDefinitions
>
<
RowDefinition
Height
=
"140*"
/>
<
RowDefinition
Height
=
"340*"
/>
</
Grid.RowDefinitions
>
<
telerik:RadRibbonBar
ApplicationButtonImageSource
=
"/SilverlightApplication1;component/Images/AppIcon.png"
Title
=
"Microsoft Word"
>
<
telerik:RadRibbonBar.ApplicationMenu
>
<
telerik:ApplicationMenu
>
<!-- set the content in right pane -->
<
telerik:ApplicationMenu.Content
>
<
StackPanel
Width
=
"250"
>
<
telerik:RadGroupHeader
Content
=
"Recent Pictures"
/>
<
telerik:RadRibbonButton
Content
=
"1 Untitled.png"
HorizontalAlignment
=
"Stretch"
/>
<
telerik:RadRibbonButton
Content
=
"2 TelerikLogo.png"
HorizontalAlignment
=
"Stretch"
/>
<
telerik:RadRibbonButton
Content
=
"3 Silverlight 3.png"
HorizontalAlignment
=
"Stretch"
/>
<
telerik:RadRibbonButton
Content
=
"4 Test.png"
HorizontalAlignment
=
"Stretch"
/>
</
StackPanel
>
</
telerik:ApplicationMenu.Content
>
<!-- set the content in footer -->
<
telerik:ApplicationMenu.FooterContent
>
<
StackPanel
Orientation
=
"Horizontal"
>
<
telerik:RadRibbonButton
Content
=
"Options"
/>
<
telerik:RadRibbonButton
Content
=
"Exit"
/>
</
StackPanel
>
</
telerik:ApplicationMenu.FooterContent
>
<
telerik:RadRibbonButton
LargeImage
=
"save.png"
Text
=
"Save"
/>
<
telerik:RadRibbonSplitButton
LargeImage
=
"saveas.png"
Text
=
"Save as ..."
>
<
telerik:RadRibbonSplitButton.DropDownContent
>
<
StackPanel
>
<
telerik:RadRibbonButton
Content
=
"PDF"
/>
<
telerik:RadRibbonButton
Content
=
"Html Page"
/>
</
StackPanel
>
</
telerik:RadRibbonSplitButton.DropDownContent
>
</
telerik:RadRibbonSplitButton
>
</
telerik:ApplicationMenu
>
</
telerik:RadRibbonBar.ApplicationMenu
>
<
telerik:RadRibbonTab
Header
=
"Home"
>
<
telerik:RadRibbonGroup
Header
=
"Clipboard"
>
<
telerik:RadRibbonSplitButton
Text
=
"Paste"
LargeImage
=
"/SilverlightApplication1;component/Images/paste.png"
Size
=
"Large"
telerik:ScreenTip.Title
=
"Paste(Ctrl+V)"
telerik:ScreenTip.Description
=
"Paste the contents the Clipboard."
>
<
telerik:RadRibbonSplitButton.DropDownContent
>
<
telerik:RadContextMenu
BorderThickness
=
"0"
>
<
telerik:RadMenuItem
Header
=
"Paste"
/>
<
telerik:RadMenuItem
Header
=
"Paste Form"
/>
</
telerik:RadContextMenu
>
</
telerik:RadRibbonSplitButton.DropDownContent
>
</
telerik:RadRibbonSplitButton
>
</
telerik:RadRibbonGroup
>
</
telerik:RadRibbonTab
>
<
telerik:RadRibbonTab
Header
=
"View"
/>
</
telerik:RadRibbonBar
>
<
telerik:RadDocking
x:Name
=
"radDocking"
Grid.Row
=
"1"
HorizontalContentAlignment
=
"Stretch"
VerticalContentAlignment
=
"Stretch"
>
<
telerik:RadDocking.DocumentHost
>
<
telerik:RadSplitContainer
VerticalContentAlignment
=
"Stretch"
HorizontalContentAlignment
=
"Stretch"
>
<
telerik:RadPaneGroup
x:Name
=
"radPaneGroup"
HorizontalContentAlignment
=
"Stretch"
VerticalContentAlignment
=
"Stretch"
>
<
telerik:RadPane
x:Name
=
"radPane1"
Header
=
"Document 1"
VerticalContentAlignment
=
"Stretch"
HorizontalContentAlignment
=
"Stretch"
>
<
TextBlock
TextWrapping
=
"Wrap"
Text
=
""
></
TextBlock
>
</
telerik:RadPane
>
<
telerik:RadPane
x:Name
=
"radPane2"
Header
=
"Document 2"
VerticalContentAlignment
=
"Stretch"
HorizontalContentAlignment
=
"Stretch"
>
<
TextBlock
TextWrapping
=
"Wrap"
Text
=
""
></
TextBlock
>
</
telerik:RadPane
>
<
telerik:RadPane
x:Name
=
"radPane3"
Header
=
"Document 3"
VerticalContentAlignment
=
"Stretch"
HorizontalContentAlignment
=
"Stretch"
>
<
TextBlock
TextWrapping
=
"Wrap"
Text
=
""
></
TextBlock
>
</
telerik:RadPane
>
</
telerik:RadPaneGroup
>
</
telerik:RadSplitContainer
>
</
telerik:RadDocking.DocumentHost
>
</
telerik:RadDocking
>
</
Grid
>
</
navigation:Page
>