Questions tagged [bootstrap-tags-input]

jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

jQuery plugin providing a Twitter Bootstrap user interface for managing tags. Bootstrap Tags Input supports among other things :

  • Typeahead dropdowns
  • Objects in tags
  • Categorization

There are two major branches :
Bootstrap Tags Input for bootstrap 2.x
Bootstrap Tags Input for bootstrap 3.x

224 questions
20
votes
6 answers

bootstrap tags input width

I am trying to use bootstrap tagsinput in a form contained in a modal like this ...
16
votes
1 answer

How to use typeahead options in Bootstrap Tags Input

I'm using Bootstrap tags input with typeahead and I was wondering how can I set the default options to typeaheadjs. In the examples I've seen something like this: var input = $('input'); input.tagsinput({ itemValue: 'value', itemText:…
Ander
  • 3,706
  • 4
  • 27
  • 49
13
votes
5 answers

Bootstrap tagsinput add tag with id and value

I am using Bootstrap Tags Input I am trying to add tags dynamically. $('.div-tag').tagsinput('add', 'vino'); The above code works fine, but when I try the following code: $('.div-tag').tagsinput('add', { id: 1, text: 'some tag' }); I get the…
Manish Shukla
  • 1,305
  • 2
  • 8
  • 21
11
votes
2 answers

Bootstrap tagsinput typeahead not working

I have this input which is using the bootstrap-tagsinputs plugin, the problem is that I want it to autocomplete the tags, and it is not doing it! The tags part works perfect ;) but the autocomplete part doesn´t :( Anyone has an idea why?, the…
danielrvt
  • 8,650
  • 14
  • 65
  • 110
10
votes
2 answers

How to use Bootstrap Tags Input plugin

I am trying to use Bootstrap Tags Input plugin without Typeahead. I have included following files:
Aman
  • 879
  • 3
  • 9
  • 22
10
votes
9 answers

Bootstrap tagsinput Can't add objects when itemValue option is not set

I've seen this question Bootstrap tagsinput add tag with id and value, but the solution is not working for me: What I'm finding is that in order to get the input box recognising tags that I type in, I either have to have data-role = tagsinput OR…
PhoebeB
  • 7,679
  • 8
  • 51
  • 73
9
votes
6 answers

bootstrap-tagsinput form submited on press enter key

in bootstrap-tagsinput on press enter key for next tag form is submitted! what is the solution? $("#inputID").tagsinput();
Mojnegar it
  • 93
  • 1
  • 1
  • 4
9
votes
2 answers

How to allow comma in bootstrap tags input filter?

I am using below code to submit tags using bootstrap tags input filter, I want to allow comma in tags. Please help. $('.tagsinput').tagsinput({ maxTags: 15, trimValue: true, confirmKeys: [13], allowDuplicates: false, …
TIGER
  • 2,649
  • 2
  • 30
  • 40
8
votes
2 answers

Is there a Tags Input component for Angular?

I'm looking for a specific component for Angular, something that works in a similar way of Bootstrap Tags Input Can anyone help me finding a out-of-the-box component or providing some example of implementation? I need it for Angular 4
Samir Ghoneim
  • 371
  • 1
  • 2
  • 12
8
votes
1 answer

Bootstrap 3 with Bootstrap Tags Input and typeahead don't show the tags inside input

I'm trying to use Bootstrap 3 with Bootstrap Tags Input and typeahead but it doesn't show the tags inside the input. It is difficult to explain... It is better to see in jsfiddle: https://jsfiddle.net/claudiosw/5cww4fcg/3/ I have tried to use…
8
votes
3 answers

Angular2: how to use bootstrap-tagsinput properly

I'm trying to use bootstrap-tagsinput library in my Angular2 project. The library is installed using package.json file: "dependencies": { ... "bootstrap-tagsinput": "^0.7.1", ... } Now I have a bootstrap-tagsinput folder in…
DavidL
  • 1,081
  • 1
  • 15
  • 28
7
votes
2 answers

Twitter Bootstrap 3 Typeahead / Tagsinput Completing Twice

Edit: Added working JSFiddle I'm using Twitter Bootstrap TagsInput with Bootstrap Typeahead. My source is a json file, but that is irrelevant, and I've checked with a static source. The typeahead and tagsinput are working, however when I press…
dcclassics
  • 886
  • 1
  • 11
  • 34
6
votes
1 answer

Integrate bootstrap 3 typeahead and tags input with objects as tags

I am having trouble integrating bootstrap 3 typeahead with tags input but with objects as tags. It works if I use only typeahead on input field, but if I integrate it with tags input then it doesn't work and I don't even get any errors which is…
5
votes
6 answers

How do I remove all tags in an input field below with jQuery?

How do I remove all tags in an input field below with jQuery? //what I tried:
chiz
  • 51
  • 1
  • 1
  • 8
5
votes
3 answers

Bootstrap tagsinput not working

I just came across Bootstrap tagsinput and I am trying it out, but I cant seem to get it working. I added the following at the top of my layout : And I added the…
AxleWack
  • 1,679
  • 16
  • 32
1
2 3
14 15