jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
288 lines (284 loc) • 15.3 kB
HTML
<html lang="en">
<head>
<title id='Description'>jqxListBox Fluid Size Example. The width and height of the ListBox in this demo are in Percentages.</title>
<meta name="description" content="Responsive ListBox Example. In this example, the ListBox is with fluid size" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
<script type="text/javascript" src="../../../scripts/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../../../scripts/demos.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxlistbox.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdata.js"></script>
<style>
body, html {
width: 100%;
height: 100%;
overflow: hidden;
padding: 3px;
box-sizing: border-box;
margin: 0;
}
</style>
<script type="text/javascript">
$(document).ready(function ()
{
// Create a jqxListBox
$("#Country").jqxListBox({width: '100%', height: '100%' });
});
</script>
</head>
<body>
<ul id="Country">
<li data-value="United States">United States</li>
<li data-selected="true" data-value="United Kingdom">United Kingdom</li>
<li data-value="Afghanistan">Afghanistan</li>
<li data-value="Albania">Albania</li>
<li data-value="Algeria">Algeria</li>
<li data-value="American Samoa">American Samoa</li>
<li data-value="Andorra">Andorra</li>
<li data-value="Angola">Angola</li>
<li data-value="Anguilla">Anguilla</li>
<li data-value="Antarctica">Antarctica</li>
<li data-value="Antigua and Barbuda">Antigua and Barbuda</li>
<li data-value="Argentina">Argentina</li>
<li data-value="Armenia">Armenia</li>
<li data-value="Aruba">Aruba</li>
<li data-value="Australia">Australia</li>
<li data-value="Austria">Austria</li>
<li data-value="Azerbaijan">Azerbaijan</li>
<li data-value="Bahamas">Bahamas</li>
<li data-value="Bahrain">Bahrain</li>
<li data-value="Bangladesh">Bangladesh</li>
<li data-value="Barbados">Barbados</li>
<li data-value="Belarus">Belarus</li>
<li data-value="Belgium">Belgium</li>
<li data-value="Belize">Belize</li>
<li data-value="Benin">Benin</li>
<li data-value="Bermuda">Bermuda</li>
<li data-value="Bhutan">Bhutan</li>
<li data-value="Bolivia">Bolivia</li>
<li data-value="Bosnia and Herzegovina">Bosnia and Herzegovina</li>
<li data-value="Botswana">Botswana</li>
<li data-value="Bouvet Island">Bouvet Island</li>
<li data-value="Brazil">Brazil</li>
<li data-value="British Indian Ocean Territory">British Indian Ocean Territory</li>
<li data-value="Brunei Darussalam">Brunei Darussalam</li>
<li data-value="Bulgaria">Bulgaria</li>
<li data-value="Burkina Faso">Burkina Faso</li>
<li data-value="Burundi">Burundi</li>
<li data-value="Cambodia">Cambodia</li>
<li data-value="Cameroon">Cameroon</li>
<li data-value="Canada">Canada</li>
<li data-value="Cape Verde">Cape Verde</li>
<li data-value="Cayman Islands">Cayman Islands</li>
<li data-value="Central African Republic">Central African Republic</li>
<li data-value="Chad">Chad</li>
<li data-value="Chile">Chile</li>
<li data-value="China">China</li>
<li data-value="Christmas Island">Christmas Island</li>
<li data-value="Cocos (Keeling) Islands">Cocos Islands</li>
<li data-value="Colombia">Colombia</li>
<li data-value="Comoros">Comoros</li>
<li data-value="Congo">Congo</li>
<li data-value="Congo, The Democratic Republic of The">Congo</li>
<li data-value="Cook Islands">Cook Islands</li>
<li data-value="Costa Rica">Costa Rica</li>
<li data-value="Cote D'ivoire">Cote D'ivoire</li>
<li data-value="Croatia">Croatia</li>
<li data-value="Cuba">Cuba</li>
<li data-value="Cyprus">Cyprus</li>
<li data-value="Czech Republic">Czech Republic</li>
<li data-value="Denmark">Denmark</li>
<li data-value="Djibouti">Djibouti</li>
<li data-value="Dominica">Dominica</li>
<li data-value="Dominican Republic">Dominican Republic</li>
<li data-value="Ecuador">Ecuador</li>
<li data-value="Egypt">Egypt</li>
<li data-value="El Salvador">El Salvador</li>
<li data-value="Equatorial Guinea">Equatorial Guinea</li>
<li data-value="Eritrea">Eritrea</li>
<li data-value="Estonia">Estonia</li>
<li data-value="Ethiopia">Ethiopia</li>
<li data-value="Falkland Islands (Malvinas)">Falkland Islands</li>
<li data-value="Faroe Islands">Faroe Islands</li>
<li data-value="Fiji">Fiji</li>
<li data-value="Finland">Finland</li>
<li data-value="France">France</li>
<li data-value="French Guiana">French Guiana</li>
<li data-value="French Polynesia">French Polynesia</li>
<li data-value="French Southern Territories">French Southern Territories</li>
<li data-value="Gabon">Gabon</li>
<li data-value="Gambia">Gambia</li>
<li data-value="Georgia">Georgia</li>
<li data-value="Germany">Germany</li>
<li data-value="Ghana">Ghana</li>
<li data-value="Gibraltar">Gibraltar</li>
<li data-value="Greece">Greece</li>
<li data-value="Greenland">Greenland</li>
<li data-value="Grenada">Grenada</li>
<li data-value="Guadeloupe">Guadeloupe</li>
<li data-value="Guam">Guam</li>
<li data-value="Guatemala">Guatemala</li>
<li data-value="Guinea">Guinea</li>
<li data-value="Guinea-bissau">Guinea-bissau</li>
<li data-value="Guyana">Guyana</li>
<li data-value="Haiti">Haiti</li>
<li data-value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</li>
<li data-value="Holy See (Vatican City State)">Holy See</li>
<li data-value="Honduras">Honduras</li>
<li data-value="Hong Kong">Hong Kong</li>
<li data-value="Hungary">Hungary</li>
<li data-value="Iceland">Iceland</li>
<li data-value="India">India</li>
<li data-value="Indonesia">Indonesia</li>
<li data-value="Iran, Islamic Republic of">Iran</li>
<li data-value="Iraq">Iraq</li>
<li data-value="Ireland">Ireland</li>
<li data-value="Israel">Israel</li>
<li data-value="Italy">Italy</li>
<li data-value="Jamaica">Jamaica</li>
<li data-value="Japan">Japan</li>
<li data-value="Jordan">Jordan</li>
<li data-value="Kazakhstan">Kazakhstan</li>
<li data-value="Kenya">Kenya</li>
<li data-value="Kiribati">Kiribati</li>
<li data-value="Korea, Democratic People's Republic of">Korea</li>
<li data-value="Korea, Republic of">Korea, Republic of</li>
<li data-value="Kuwait">Kuwait</li>
<li data-value="Kyrgyzstan">Kyrgyzstan</li>
<li data-value="Lao People's Democratic Republic">Lao People's Democratic Republic</li>
<li data-value="Latvia">Latvia</li>
<li data-value="Lebanon">Lebanon</li>
<li data-value="Lesotho">Lesotho</li>
<li data-value="Liberia">Liberia</li>
<li data-value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</li>
<li data-value="Liechtenstein">Liechtenstein</li>
<li data-value="Lithuania">Lithuania</li>
<li data-value="Luxembourg">Luxembourg</li>
<li data-value="Macao">Macao</li>
<li data-value="Macedonia, The Former Yugoslav Republic of">Macedonia</li>
<li data-value="Madagascar">Madagascar</li>
<li data-value="Malawi">Malawi</li>
<li data-value="Malaysia">Malaysia</li>
<li data-value="Maldives">Maldives</li>
<li data-value="Mali">Mali</li>
<li data-value="Malta">Malta</li>
<li data-value="Marshall Islands">Marshall Islands</li>
<li data-value="Martinique">Martinique</li>
<li data-value="Mauritania">Mauritania</li>
<li data-value="Mauritius">Mauritius</li>
<li data-value="Mayotte">Mayotte</li>
<li data-value="Mexico">Mexico</li>
<li data-value="Micronesia, Federated States of">Micronesia</li>
<li data-value="Moldova, Republic of">Moldova, Republic of</li>
<li data-value="Monaco">Monaco</li>
<li data-value="Mongolia">Mongolia</li>
<li data-value="Montserrat">Montserrat</li>
<li data-value="Morocco">Morocco</li>
<li data-value="Mozambique">Mozambique</li>
<li data-value="Myanmar">Myanmar</li>
<li data-value="Namibia">Namibia</li>
<li data-value="Nauru">Nauru</li>
<li data-value="Nepal">Nepal</li>
<li data-value="Netherlands">Netherlands</li>
<li data-value="Netherlands Antilles">Netherlands Antilles</li>
<li data-value="New Caledonia">New Caledonia</li>
<li data-value="New Zealand">New Zealand</li>
<li data-value="Nicaragua">Nicaragua</li>
<li data-value="Niger">Niger</li>
<li data-value="Nigeria">Nigeria</li>
<li data-value="Niue">Niue</li>
<li data-value="Norfolk Island">Norfolk Island</li>
<li data-value="Northern Mariana Islands">Northern Mariana Islands</li>
<li data-value="Norway">Norway</li>
<li data-value="Oman">Oman</li>
<li data-value="Pakistan">Pakistan</li>
<li data-value="Palau">Palau</li>
<li data-value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</li>
<li data-value="Panama">Panama</li>
<li data-value="Papua New Guinea">Papua New Guinea</li>
<li data-value="Paraguay">Paraguay</li>
<li data-value="Peru">Peru</li>
<li data-value="Philippines">Philippines</li>
<li data-value="Pitcairn">Pitcairn</li>
<li data-value="Poland">Poland</li>
<li data-value="Portugal">Portugal</li>
<li data-value="Puerto Rico">Puerto Rico</li>
<li data-value="Qatar">Qatar</li>
<li data-value="Reunion">Reunion</li>
<li data-value="Romania">Romania</li>
<li data-value="Russian Federation">Russian Federation</li>
<li data-value="Rwanda">Rwanda</li>
<li data-value="Saint Helena">Saint Helena</li>
<li data-value="Saint Kitts and Nevis">Saint Kitts and Nevis</li>
<li data-value="Saint Lucia">Saint Lucia</li>
<li data-value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</li>
<li data-value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</li>
<li data-value="Samoa">Samoa</li>
<li data-value="San Marino">San Marino</li>
<li data-value="Sao Tome and Principe">Sao Tome and Principe</li>
<li data-value="Saudi Arabia">Saudi Arabia</li>
<li data-value="Senegal">Senegal</li>
<li data-value="Serbia and Montenegro">Serbia and Montenegro</li>
<li data-value="Seychelles">Seychelles</li>
<li data-value="Sierra Leone">Sierra Leone</li>
<li data-value="Singapore">Singapore</li>
<li data-value="Slovakia">Slovakia</li>
<li data-value="Slovenia">Slovenia</li>
<li data-value="Solomon Islands">Solomon Islands</li>
<li data-value="Somalia">Somalia</li>
<li data-value="South Africa">South Africa</li>
<li data-value="South Georgia and The South Sandwich Islands">South Georgia</li>
<li data-value="Spain">Spain</li>
<li data-value="Sri Lanka">Sri Lanka</li>
<li data-value="Sudan">Sudan</li>
<li data-value="Suriname">Suriname</li>
<li data-value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</li>
<li data-value="Swaziland">Swaziland</li>
<li data-value="Sweden">Sweden</li>
<li data-value="Switzerland">Switzerland</li>
<li data-value="Syrian Arab Republic">Syrian Arab Republic</li>
<li data-value="Taiwan, Province of China">Taiwan, Province of China</li>
<li data-value="Tajikistan">Tajikistan</li>
<li data-value="Tanzania, United Republic of">Tanzania, United Republic of</li>
<li data-value="Thailand">Thailand</li>
<li data-value="Timor-leste">Timor-leste</li>
<li data-value="Togo">Togo</li>
<li data-value="Tokelau">Tokelau</li>
<li data-value="Tonga">Tonga</li>
<li data-value="Trinidad and Tobago">Trinidad and Tobago</li>
<li data-value="Tunisia">Tunisia</li>
<li data-value="Turkey">Turkey</li>
<li data-value="Turkmenistan">Turkmenistan</li>
<li data-value="Turks and Caicos Islands">Turks and Caicos Islands</li>
<li data-value="Tuvalu">Tuvalu</li>
<li data-value="Uganda">Uganda</li>
<li data-value="Ukraine">Ukraine</li>
<li data-value="United Arab Emirates">United Arab Emirates</li>
<li data-value="United Kingdom">United Kingdom</li>
<li data-value="United States">United States</li>
<li data-value="United States Minor Outlying Islands">United States Minor Outlying Islands</li>
<li data-value="Uruguay">Uruguay</li>
<li data-value="Uzbekistan">Uzbekistan</li>
<li data-value="Vanuatu">Vanuatu</li>
<li data-value="Venezuela">Venezuela</li>
<li data-value="Viet Nam">Viet Nam</li>
<li data-value="Virgin Islands, British">Virgin Islands, British</li>
<li data-value="Virgin Islands, U.S.">Virgin Islands, U.S.</li>
<li data-value="Wallis and Futuna">Wallis and Futuna</li>
<li data-value="Western Sahara">Western Sahara</li>
<li data-value="Yemen">Yemen</li>
<li data-value="Zambia">Zambia</li>
<li data-value="Zimbabwe">Zimbabwe</li>
</ul>
<div style="position: absolute; bottom: 5px; right: 5px;">
<a href="https://www.jqwidgets.com/" alt="https://www.jqwidgets.com/"><img alt="https://www.jqwidgets.com/" title="https://www.jqwidgets.com/" src="https://www.jqwidgets.com/wp-content/design/i/logo-jqwidgets.png"/></a>
</div>
</body>
</html>