Skip to content

peymil/jquery-fullscreen-select

Folders and files

NameName
Last commit message
Last commit date

Latest commit

a54f14d · Mar 20, 2020

History

64 Commits
Mar 19, 2020
Nov 30, 2014
Mar 20, 2020
Mar 19, 2020
Mar 18, 2020
Mar 20, 2020
Mar 18, 2020
Nov 30, 2014
Mar 20, 2020
Dec 22, 2014
Mar 20, 2020
Mar 18, 2020
Oct 23, 2014

Repository files navigation

bootstrap-fullscreen-select

Cloned from 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.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published