Untitled

Separator line between items in ListBox

<style type='text/css'>

option { border-top: solid 1px gray; }

</style>

 

...

 

<asp:ListBox ...></asp:ListBox>

       

<style type='text/css'>

select.table option { border-top: solid 1px gray; }

</style>

 

...

 

<asp:ListBox CssClass="table" ...></asp:ListBox>

       

<DataTemplate>

                <Border BorderThickness="0,10,0,10" BorderBrush="Black">

                        <Grid Width="auto" HorizontalAlignment="Stretch" >

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition Width="auto" />

                                <ColumnDefinition Width="*" />

                                <ColumnDefinition Width="48" />

                            </Grid.ColumnDefinitions>

                            <TextBlock VerticalAlignment="Center" FontSize="36" FontWeight="Bold" Grid.Column="0" Foreground="Black" Text="{Binding Path=Title}" Name="title"/>

                            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Right" Grid.Column="1" Foreground="Black" Text="{Binding Path=Location}" Name="location"/>

                            <Image VerticalAlignment="Center" Grid.Column="2" Width="48" Height="48" Source="ApplicationIcon.jpg"/>

                        </Grid>

           </Border>

                    </DataTemplate>

       

listBox1.Items.AddRange(new object[]

    {

        "Item 1, column 1",

        "Item 2, column 1",

        "Item 3, column 1",

        "Item 4, column 1",

        "Item 5, column 1",

        "Item 1, column 2",

        "Item 2, column 2",

        "Item 3, column 2"

   });