Separators in XAML AppBar

Question

Hi 

Is there a way of adding Separator lines in a XAML App Bar, like there is in JS.

I can't find a XAML version of:

  <button data-win-control="WinJS.UI.AppBarCommand"
        data-win-options="{id:'cmdRemove',label:'Remove',icon:'remove',section:'global',tooltip:'Remove item'}">
    </button>
    <hr     data-win-control="WinJS.UI.AppBarCommand"
        data-win-options="{type:'separator',section:'global'}" />
    <button data-win-control="WinJS.UI.AppBarCommand"
        data-win-options="{id:'cmdDelete',label:'Delete',icon:'trash',section:'global',tooltip:'Delete item'}">
    </button>

Thanks

Sam

Answer 1

@Sam - XAML doesn't have an AppBarCommand control like that.  To do a separator you could use a simple TextBlock with a pipe | character, or a Line element.

---

Tim Heuer | Program Manager, XAML | http://timheuer.com/blog | @timheuer

(if my post has answered your question, please consider using the 'mark as answer' feature in the forums to help others)

Answer 2

Thanks Tim, makes sense.

Answer 3

Like this,

 <TextBlock Text="|" VerticalAlignment="Center" FontSize="40"/>

Answer 4

Or this,

<Border Height="45" BorderThickness="1,0,0,0" BorderBrush="White" ></Border>