Question

it seems that a WPF Separator doesn’t show up in a ToolBar’s Overflow panel when you shrink the size of the toolbar; is there someway to make it show? (I can get around it by using an empty colored label, but I’d still like to know why separators don’t work).

An example: create a new WPF project with in the mainwindow.xaml:

  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <ToolBar HorizontalAlignment="Left" Name="toolBar1">
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Separator />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
      <Button Content="ASDF" />
    </ToolBar>
  </Grid>

Answer 1

My problem was answered on MSDN; you need to wrap it in a grid and rotate it 90 degrees:

 <Grid Width="10">
     <Separator>
         <Separator.LayoutTransform>
             <RotateTransform Angle="90" />
         </Separator.LayoutTransform>
     </Separator>
 </Grid>

However in my actual project I didn’t need to do the rotation for some reason or other.