Question

I want to create a listbox like this:

—–|—–|—–|—–|—–|—–

The |’s are my listboxitems which I have separated using margins. This works fine. What I want is the listbox to have a background that contains this line. Or at least have it in the background. I tried a separator but that is not what I want because that is also clickable since I used it in the itemtemplate.

Any ideas?

Thanks

Answer 1

I’m trying to create a timeline like control. I now fixed it using this:

  <ListBox.Template>
      <ControlTemplate>
            <Border BorderThickness="2" BorderBrush="Black">
                  <Grid>
                        <Rectangle Height="2" HorizontalAlignment="Stretch" VerticalAlignment="Center" Fill="Black"/>
                        <ScrollViewer Padding="{TemplateBinding Padding}">
                              <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                        </ScrollViewer>
                  </Grid>
            </Border>
       </ControlTemplate>
  </ListBox.Template>

This works fine in a testproject, but I’m having some problems in my main project. The rectangle remains under the scrollviewer. Well… making progress. Hope to fix this thing soon.

Thanks for your answers so far!