ASP.NET MVC ListBox - Multiple Rows and Columns with Icons

  • Ajax Page1
  • Button2
  • Calendar3
  • Checkbox4
  • Color Picker5
  • Combobox6
  • Easy Menu7
  • File Upload9
  • Flyout10
  • Grid11
  • HTML Editor8
  • Image Zoom12
  • Radio Button13
  • Scheduler14
  • Show15
  • Slide Menu16
  • Splitter17
  • SuperForm22
  • Text Menu19
  • Textbox18
  • TreeView20
  • Window21
The items of the ListBox can contain an icon next to the text.
The source of this image is specified using the ImageUrl property.

The items can contain icons even when they are displayed on multiple rows and columns.
View - Aspx
 
    <% Html.Obout(new ListBox("ListBox1") 
    {                
        Width = 430,
    }); %>
    
    
View - Razor
 
    @Html.Obout(new ListBox("ListBox1") 
    {                
        Width = 430,
    })
    
    
CSS
 
    .ob_iLboICBC li
    {
        float: left;
        width: 110px;
    }
        
    /* For IE6 */
    * HTML .ob_iLboICBC li
    {
        -width: 100px;
    }