clicky-menus
bootstrap-select
clicky-menus | bootstrap-select | |
---|---|---|
1 | 8 | |
89 | 9,838 | |
- | 0.1% | |
4.9 | 0.0 | |
7 months ago | 4 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.
clicky-menus
-
In Praise of the Unambiguous Click Menu
> Since click menus require JavaScript, we should consider how this menu can be progressively enhanced in case JavaScript fails for any reason. Our classic hover CSS trick is still good for something after all!
Yet the demo linked to in the article[0] doesn't work w/out js at time of writing. The article makes me want to buy in, but the lack of non-js implementation seems awkward.
I make css hover dropdown menus a la "Setup 2" in the article's diagram, ie: the drop down top level nav item is not clickable, but expands on hover and keyboard navigation.
I personally prefer one less effort. A mouse click is always a mouse hover first.
[0] https://github.com/mrwweb/clicky-menus
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
What are some alternatives?
strapi-plugin-navigation - A plugin for Strapi Headless CMS that provides navigation / menu builder feature with their possibility to control the audience and different output structure renderers like (flat, tree and RFR - ready for handling by Redux First Router)
select2 - Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
tippyjs - Tooltip, popover, dropdown, and menu library
Slim Select - Slim advanced select dropdown
downshift 🏎 - 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
jquery multi-select - A user-friendlier drop-in replacement for the standard select with multiple attribute activated.
Semantic UI - Semantic is a UI component framework based around useful principles from natural language.
sortablejs - Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
sprae - ∴ DOM tree microhydration
Ajax Bootstrap Select - This uses the bootstrap-select plugin and extends it so that you can use a remote source to search.
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