bootstrap-select
select2
Our great sponsors
bootstrap-select | select2 | |
---|---|---|
8 | 29 | |
9,831 | 25,762 | |
0.0% | 0.0% | |
0.0 | 2.2 | |
4 months ago | 9 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
bootstrap-select
-
How does jQuery class selector return an object?
I have a multiselect widget in a modal. Because the multiselect has dynamically generated values, I need to call $('select').selectpicker(); when the modal code is injected.
-
How can I use crispy-forms with bootstrap-select?
I want to replace the crispy-forms default bootstrap select with the bootstrap-select (https://developer.snapappointments.com/bootstrap-select/)
-
Code with me: selectpicker and max options
Our project uses bootstrap-select so you need to implement your solution with that plugin.
-
How do I listen to events dispatched by other libraries?
I'm trying to add Alpine to an existing project that uses bootstrap-select to create select boxes. I'm having issues triggering actions when a selection is made.
-
How do I get the Bootstrap’s dropdown.js component?
I am using the npm module bootstrap-select (https://www.npmjs.com/package/bootstrap-select) and I don't understand the instructions nor can i find anything online about dropdown.js.
-
Custom JavaScript controls can't capture the nuance of form fields (2021)
Emphatic agreement.
Today, even apparently trivial widgets require ridiculous amounts of effort to attain a "natural" UX. To become so good you don't notice. That holy grail of being "invisible".
--
Epochs ago, I created custom controls for Win32. The one I was most proud of was a direct manipulation sundial picker for a raytracer. I obsessed over the details. Like being pixel perfect, both mouse and arrow keys (for fine grained increments), live updates between dial widget and text fields. Damn, I was proud of that control. I gushed and preened whenever a user complimented the effort.
Ages ago, I started using bootstrap-select. It's a nifty dropdown w/ type ahead (search). Modest, no big deal, right? Nope! That project received so many PRs, tweaks, fit & finish, finesse, and all around TLC. I was transfixed, fascinated. I haven't done UI for years, but remained subscribed to their project announcements, mostly out of awe and respect.
https://github.com/snapappointments/bootstrap-select
Observing the bootstrap-select project over time humbled me. I used to think I had some UX juice. Now I know that I'm just banging the rocks together.
-
Adding Bootstrap 4 Searchable Dropdown in Google Apps Script
I tried following this guide, and added the cdn and js available here, but I cant seem to get it working in my Google Apps Script Webapp. All I am getting is a dropdown with no option to serach.
-
8 Essential Bootstrap Components for Your Web App
The source: https://github.com/snapappointments/bootstrap-select
select2
- Does MVC have a combobox?
-
HTML Web Components
Most people using react aren't building SPAs. Vue/React can be used the same way as jquery, which is to add enhanced UI functionality that server-side HTML views simply can't offer.
The best example is a multi-select box, or a searchable select box with autocomplete (what W3 calls the combobox pattern https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) which in jquery was usually via https://select2.org/
For example, on my company website there's a timezone select box with are 151 options. Asking a user to simply scroll through 100+ to find theirs is annoying vs typing a few characters and hitting enter.
There's many examples of select boxes like that and there really is no static server-side way to solve this problem (I tried hard to think of one)... without creating a multi-page Wizard for what should be a single field on a larger form.
If you're building a SaaS product there are many highly-interactive components that demand JS and there's really no better mainstream solution atm than static-first sites with small "islands" of Vue/React style components (ideally with hydration) where interactivity is required.
People still abuse React/Vue of course, but the trend is 100% moving back to "mostly static" rather than slow SPAs and IMO JS-powered components are not never going away unless browsers start offering these complex components built-in.
-
I add a log database for my Django project what to do ??
I’m a fan of select2 (https://select2.org), it supports loading in data from a foreign source (API)
-
Formset factory for displaying hundreds of records for editing. Is there a better way?
You could use a Select2() for the records which prevent the massive amount of data being transferred.
- search box in select tag
- I am trying to make a minimalistic NHL Stats website. I would really appreciate some feedback!
-
What are the popular PHP Frameworks you are using for the development of web applications and why?
Sometimes I still import it for only one thing : select2 that depends on it. Does anyone have an alternative ? I'd love it
-
Better way of selecting Foreign key objects in django admin form
The traditional solution was to use ModelAdmin.raw_id_fields, a comma-delimited string of IDs in a text input. Many users found the interaction inelegant, and so ModelAdmin.autocomplete_fields with live search integration with Select2 was added in Django 2.0.
- How do you create a category (or select an existing one) from a field value on a page form in MediaWiki?
-
How would i go about displaying more information of objects in a ModelForm?
The module django-extensions has a searchable select box widget. There are others using Select2 as well.
What are some alternatives?
Slim Select - Slim advanced select dropdown
selectize.js - Selectize is the hybrid of a textbox and <select> box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
jquery multi-select - A user-friendlier drop-in replacement for the standard select with multiple attribute activated.
typeahead.js - typeahead.js is a fast and fully-featured autocomplete library
sortablejs - Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Choices.js - A vanilla JS customisable select box/text input plugin ⚡️
Ajax Bootstrap Select - This uses the bootstrap-select plugin and extends it so that you can use a remote source to search.
chosen - Deprecated - Chosen is a library for making long, unwieldy select boxes more friendly.
tail.select - Create beautiful, functional and extensive (Multi) Select Fields with pure, vanilla JavaScript.
bootstrap-material-design - Important! A new UI Kit version for the latest Bootstrap 5 is available. Access the latest version via the link below
JavaScript-autoComplete - An extremely lightweight and powerful vanilla JavaScript completion suggester.