jquery-fullscreen-select

1.0.0 • Public • Published

bootstrap-fullscreen-select

Cloned from [craftpip]https://github.com/craftpip/bootstrap-fullscreen-select/commits?author=craftpip. Just added searchbar function.

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.

Readme

Keywords

none

Package Sidebar

Install

npm i jquery-fullscreen-select

Weekly Downloads

1

Version

1.0.0

License

MIT

Unpacked Size

1.73 MB

Total Files

36

Last publish

Collaborators

  • peymil