Questions tagged [bootstrap-selectpicker]

Use this when referring to Bootstrap-select by Silvio Moreto. This is a jQuery plugin that utilizes Bootstrap's dropdown.js to style and bring additional functionality to standard select elements.

website

https://silviomoreto.github.io/bootstrap-select/

github

https://github.com/silviomoreto/bootstrap-select

syntax

$('.selectpicker').selectpicker({
  style: 'btn-info',
  size: 4
});

screenshot

enter image description here

326 questions
4
votes
2 answers

AG-Grid render Bootstrap-Select as a dropdwon

I have implemented editable AG-Grid. In the grid, one of the column displays country of the player as shown below: Now in last column, when user click on the cell, I want to display list of available countries as a dropdown. Here by default…
ConfusedDeveloper
  • 6,389
  • 4
  • 21
  • 36
4
votes
4 answers

populate select picker on live-search event

I am using a selectpicker (https://silviomoreto.github.io/bootstrap-select/examples/#live-search) that I populate from a rest API. At this point, I have only 30 entries. however, this number will grow very soon. I want to start with an empty…
lemahdois
  • 77
  • 3
  • 11
3
votes
2 answers

Bootstrap select dropdown "No Results" click event

I am using Bootstrap select dropdown which has the following code. HTML @Html.DropDownList("Product", SelectList, new { data_live_search = "true", @class = "content-small selectpicker", @tabindex = 1 }) In this dropdown I need to provide an option…
3
votes
0 answers

Bootstrap Selectpicker - Selecting option in one select picker selects it in another

I'm running into something strange whereby clicking an option in one select picker selects it in another select picker. Basically I am creating a select picker which contains the selected options from the original clicker, and am doing this per user…
Rigg97
  • 83
  • 1
  • 13
3
votes
0 answers

Django Form & Bootstrap Select

I am trying to add additional fields to a Django form using Bootstrap select. I currently have these two models: class Organisation(models.Model): title = models.CharField() topic = models.ForeignKey(Topic) pic =…
3
votes
3 answers

How to change default dropdown color for bootstrap 4 selectpicker?

My form is consists of single and multiple dropdown select. So I prefer to use 1 class only for my single and multiple which is selectpicker. However, I want to change the default grey color for Bootstrap 4 Dropdown selectpicker class to clear…
3
votes
3 answers

How to use "invalid-feedback" class with selectpicker from Bootstrap-Select?

I'm using Bootstrap to do some form validation on my web app. With a normal select menu, it would be really easy to have an error message pop-up when the field is invalid: tag but nothing happen if I leave…
Antonio
  • 755
  • 4
  • 14
  • 35
3
votes
1 answer

How to set line-height of selectpicker

Trying to shrink the height of select picker by adjusting the line-height. However, I don't know how to access the select picker button to shrink the line height because it gets generated dynamically. This is the code:
davidM
  • 325
  • 1
  • 4
  • 10
3
votes
2 answers

Limit the height of dropdown with bootstrap-select

How do you limit how many options are included in a select? I have around 2000 options (I am using data-live-search to make it easy to search), but I don't want to make an extremely long list (for aesthetic purposes).
Jack Moody
  • 1,590
  • 3
  • 21
  • 38
1
2
3
21 22