e1m46n1f1c0 / bootstrap-fullscreen-select

bootstrap select for mobile devices, originally made for select controls in Cordova/PhoneGap mobile applications.

bootstrap-fullscreen-select

A custom fullscreen select / multiselect for Bootstrap using BUTTONS or User defined elements, designed for mobile devices.
Often UI developers may need to trigger the select via a custom element, That is fullfilled using the data-triggerOn attribute. and access the custom element from the mobileSelect's callback functions. mobileSelect makes it easy for mobile users to get the most of their screen.

inspired by, phonegap, cordova & bootstrap-select

Installation

Download the latest release here
A full documentation page is included within the release.

copy the css and js files from /dist/ to your project, and link them to your HTML page.
and finally via Javascript run $('select').mobileSelect().

Demo and Documentation

See a Bootstrap 3 example here.

Authors

Boniface Pereira

Basic Usage

Create your <select> with the .mobileSelect class.

<select class="mobileSelect">
    <option value="pizza">Pizza</option>
    <option value="burger">Burger</option>
    <option value="tacos">Tacos</option>
    <option value="garlic-bread">Garlic Bread</option>
</select>

Then you need to initialize the plugin within the $(document).ready() block.

$('.mobileSelect').mobileSelect();

Or

// To style all <select>s
$('select').mobileSelect();

Checkout the documentation for further information.

Copyright and license

Copyright (C) 2013-2014 bootstrap-fullscreen-select

Licensed under the MIT license.