Hello,

I need the Navigation Area to be in the upper part and the content in the bottom, just like switching sides...

 I've modified the XamOutlookBar template, at the bottom I found the visual structure:

<Border VerticalAlignment="Stretch" Grid.Column="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" CornerRadius="6">
        <Grid x:Name="MainGrid">
             <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>

                                <RowDefinition Height="*" MinHeight="{TemplateBinding SelectedAreaMinHeight}"/>
                               <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto" MinHeight="32"/>
               </Grid.RowDefinitions>
               <Canvas>
                    <Interactions:XamDialogWindow x:Name="NavigationPaneOptionsWindow"  HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Header="{Binding StringSettings.NavigationPaneOptionsDialogTitle, RelativeSource={RelativeSource TemplatedParent}}" IsResizable="False" MaximizeButtonVisibility="Collapsed" MinimizeButtonVisibility="Collapsed" StartupPosition="Center" WindowState="Hidden">
                                                   

                    <Infragistics_Silverlight_Controls_Primitives:NavigationPaneOptionsControl/>
                   </Interactions:XamDialogWindow>
           </Canvas>

            <Infragistics_Silverlight_Controls_Primitives:SelectedGroupHeader x:Name="SelectedGroupHeader" FontWeight="Bold" Grid.Row="0" Style="{StaticResource SelectedGroupHeaderStyle}"/>
            

             <Infragistics_Silverlight_Controls_Primitives:SelectedGroupContent x:Name="SelectedGroupContent" Grid.Row="1"/>
                                        <Thumb x:Name="Splitter" Style="{TemplateBinding HorizontalSplitterStyle}" Grid.Row="2" Visibility="Collapsed"/>
                                        <ItemsControl x:Name="NavigationArea" Grid.Row="3" >
                                            <ItemsControl.ItemsPanel>
                                                <ItemsPanelTemplate>
                                                    <StackPanel HorizontalAlignment="Stretch" Orientation="Vertical"/>
                                                </ItemsPanelTemplate>
                                            </ItemsControl.ItemsPanel>
                                        </ItemsControl>
                                        <Infragistics_Silverlight_Controls_Primitives:GroupOverflowArea x:Name="OverflowArea" Grid.Row="4" Style="{StaticResource GroupOverflowStyle}"/>
                                    </Grid>
                                </Border> 

 So, i've switched content between rows 1 and 3 content, and I assumed it will work (I am just changing its position). Then I run the app, and it doesn't work... (see Picture1.jpg).

When I don't use bindings, it works... (see Picture2.jpg) And I found out that in Picture1.jpg the menu groups are like minimized to the bottom in the OverflowArea (like when I use the splitter)...

Any help would be appreciated. I am also uploading a sample project I am working on.

Thanks.

Paúl.