ASP.NET ComboBox - Multiple Rows and Columns

Two columns: American Samoa4 Andorra5 Angola6 Anguilla7 Antigua and Barbuda8 Argentina9 Armenia10 Aruba11 Australia12 Austria13 Azerbaijan14 Bahamas15 Bahrain16 Bangladesh17 Barbados18 Belarus19 Belgium20 Belize21 Benin22 Bermuda23 Bhutan24 Bolivia25 Bosnia and Herzegovina26 Botswana27 Brazil28 British Indian Ocean Territory29 British Virgin Islands30 Brunei31 Bulgaria32 Burkina Faso33 Burma34 Burundi35 Cambodia36 Cameroon37 Canada38 Cape Verde39 Cayman Islands40 Central African Republic41 Chad42 Chile43

Three columns: American Samoa4 Andorra5 Angola6 Anguilla7 Antigua and Barbuda8 Argentina9 Armenia10 Aruba11 Australia12 Austria13 Azerbaijan14 Bahamas15 Bahrain16 Bangladesh17 Barbados18 Belarus19 Belgium20 Belize21 Benin22 Bermuda23 Bhutan24 Bolivia25 Bosnia and Herzegovina26 Botswana27 Brazil28 British Indian Ocean Territory29 British Virgin Islands30 Brunei31 Bulgaria32 Burkina Faso33 Burma34 Burundi35 Cambodia36 Cameroon37 Canada38 Cape Verde39 Cayman Islands40 Central African Republic41 Chad42 Chile43

Four columns: American Samoa4 Andorra5 Angola6 Anguilla7 Antigua and Barbuda8 Argentina9 Armenia10 Aruba11 Australia12 Austria13 Azerbaijan14 Bahamas15 Bahrain16 Bangladesh17 Barbados18 Belarus19 Belgium20 Belize21 Benin22 Bermuda23 Bhutan24 Bolivia25 Bosnia and Herzegovina26 Botswana27 Brazil28 British Indian Ocean Territory29 British Virgin Islands30 Brunei31 Bulgaria32 Burkina Faso33 Burma34 Burundi35 Cambodia36 Cameroon37 Canada38 Cape Verde39 Cayman Islands40 Central African Republic41 Chad42 Chile43

The items of the ComboBox can be arranged on multiple columns.
This can easily be achieved using a small CSS trick:

.ob_iCboICBC li { float: left; width: 125px; }

The ComboBox will arrange its items on as many columns as possible,
taking the width of the drop down menu and the width of the individual items into account.

When arranging the items in multiple columns, your end users will still benefit from the other features of the ComboBox:
autocomplete, load on demand, virtual scrolling, filtering, etc.


« Back to examples