title: How do I align appbarcommands to left?
body: <p>I have several command on my appbar. I want to align two of them to the left. How would I do it?</p>
  
  <p>I am using Html5/JS</p>
  
  <p>Basically How do you do this in HTML5/JS?</p>
  
  <pre><code>&lt;Page.BottomAppBar&gt;
  &lt;AppBar x:Name="bottomAppBar" Padding="10,0,10,0"&gt;
      &lt;Grid&gt;
          &lt;StackPanel Orientation="Horizontal" HorizontalAlignment="Left"&gt;
              &lt;Button Style="{StaticResource EditAppBarButtonStyle}" Click="Button_Click"/&gt;
              &lt;Button Style="{StaticResource RemoveAppBarButtonStyle}" Click="Button_Click"/&gt;
              &lt;Button Style="{StaticResource AddAppBarButtonStyle}" Click="Button_Click"/&gt;
          &lt;/StackPanel&gt;
          &lt;StackPanel Orientation="Horizontal" HorizontalAlignment="Right"&gt;
              &lt;Button Style="{StaticResource RefreshAppBarButtonStyle}" Click="Button_Click"/&gt;
              &lt;Button Style="{StaticResource HelpAppBarButtonStyle}" Click="Button_Click"/&gt;
          &lt;/StackPanel&gt;
      &lt;/Grid&gt;
  &lt;/AppBar&gt;
  &lt;/Page.BottomAppBar&gt;
  </code></pre>