title: ApplicationBar Windows Phone
body: <p>I'm facing next problem. Is it a Microsoft bug?</p>
  
  <p>I have listbox and application bar.</p>
  
  <p>In portrait all loks fine, in landscape (-90) fin, but in landscape (+90) application bar runs over the list box - how to fix it?</p>
  
  <p><strong>Here is a picture sample of the problem:</strong> </p>
  
  <p>Landscape (-90) all works OK : <a href="http://s13.postimg.org/4cvm07ck7/image.png" rel="nofollow">http://s13.postimg.org/4cvm07ck7/image.png</a>
  Landscape (+90) ugly: <a href="http://s13.postimg.org/rptnipsnr/Not_OK.png" rel="nofollow">http://s13.postimg.org/rptnipsnr/Not_OK.png</a></p>
  
  <p>I have the next XAML code:</p>
  
  <pre><code>&lt;phone:PhoneApplicationPage
  x:Class="RTUmobile.Home"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
  xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  mc:Ignorable="d"
  FontFamily="{StaticResource PhoneFontFamilyNormal}"
  FontSize="{StaticResource PhoneFontSizeNormal}"
  Foreground="{StaticResource PhoneForegroundBrush}"
  SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"
  shell:SystemTray.IsVisible="True"&gt;
  
  &lt;!--LayoutRoot is the root grid where all page content is placed--&gt;
  &lt;Grid x:Name="LayoutRoot" Background="Transparent"&gt;
      &lt;Grid.RowDefinitions&gt;
          &lt;RowDefinition Height="Auto"/&gt;
          &lt;RowDefinition Height="*"/&gt;
      &lt;/Grid.RowDefinitions&gt;
      &lt;StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"&gt;
          &lt;TextBlock Text="RTUmobile" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/&gt;
          &lt;TextBlock Name="PageName" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/&gt;
      &lt;/StackPanel&gt;
  
      &lt;!--ContentPanel - place additional content here--&gt;
      &lt;Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"/&gt;
      &lt;ListBox Name="NewsListBox" Margin="10,1,12,0" Grid.Row="1" Height="auto" RenderTransformOrigin="0.5,0.5" SelectionChanged="NewsListBox_SelectionChanged"&gt;
          &lt;ListBox.ItemContainerStyle&gt;
              &lt;Style TargetType="ListBoxItem"&gt;
                  &lt;Setter Property="HorizontalContentAlignment" Value="Stretch" /&gt;
              &lt;/Style&gt;
          &lt;/ListBox.ItemContainerStyle&gt;
          &lt;ListBox.RenderTransform&gt;
              &lt;CompositeTransform Rotation="-0.02"/&gt;
          &lt;/ListBox.RenderTransform&gt;
      &lt;/ListBox&gt;
      &lt;!--Uncomment to see an alignment grid to help ensure your controls are
          aligned on common boundaries.  The image has a top margin of -32px to
          account for the System Tray. Set this to 0 (or remove the margin altogether)
          if the System Tray is hidden.
  
          Before shipping remove this XAML and the image itself.--&gt;
      &lt;!--&lt;Image Source="/Assets/AlignmentGrid.png" VerticalAlignment="Top" Height="800" Width="480" Margin="0,-32,0,0" Grid.Row="0" Grid.RowSpan="2" IsHitTestVisible="False" /&gt;--&gt;
  &lt;/Grid&gt;
  &lt;phone:PhoneApplicationPage.ApplicationBar&gt;
      &lt;shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Mode="Minimized"&gt;
          &lt;shell:ApplicationBarIconButton IconUri="/Icons/home.png" IsEnabled="True" Text="1"/&gt;
          &lt;shell:ApplicationBarIconButton IconUri="/Icons/about.png" IsEnabled="True" Text="2"/&gt;
          &lt;shell:ApplicationBarIconButton IconUri="/Icons/contacts.png" IsEnabled="True" Text="3"/&gt;
          &lt;shell:ApplicationBarIconButton IconUri="/Icons/settings.png" IsEnabled="True" Text="4"/&gt;
          &lt;shell:ApplicationBar.MenuItems&gt;
              &lt;shell:ApplicationBarMenuItem Text="MenuItem 1"/&gt;
              &lt;shell:ApplicationBarMenuItem Text="MenuItem 2"/&gt;
              &lt;shell:ApplicationBarMenuItem Text="MenuItem 2"/&gt;
              &lt;shell:ApplicationBarMenuItem Text="MenuItem 2"/&gt;
              &lt;shell:ApplicationBarMenuItem Text="MenuItem 2"/&gt;
              &lt;shell:ApplicationBarMenuItem Text="MenuItem 2"/&gt;
              &lt;shell:ApplicationBarMenuItem Text="MenuItem 2"/&gt;
          &lt;/shell:ApplicationBar.MenuItems&gt;
      &lt;/shell:ApplicationBar&gt;
  &lt;/phone:PhoneApplicationPage.ApplicationBar&gt;
  </code></pre>
  
  <p></p>