Stack Overflow
Stack Overflow

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
5
votes
1 answer

Issues integrating bootstrap-tagsinput, boostrap3-typeahead and Bloodhound

My fiddle is here. I'm extending the example in the Fiddle here based on this answer to work with Bloodhound. I'm prefetching the data using the following…
Jedi
  • 2,473
  • 20
  • 39
5
votes
1 answer

bootstrap-tags-input adding a class to the generated input

I would like to add a class or other attributes to the input generated by bootstrap $('input').tags-input(); generates:
Chilianu Bogdan
  • 163
  • 1
  • 9
4
votes
1 answer

Write a js expression inside laravel blade template

I am using tagsinput for some tagging operation. I want to add some default value to the tag field that is sent from controller. But it seems that the way i am trying to use the js expression is not working. Can anyone help me. Here is…
Mutasim Fuad
  • 566
  • 2
  • 10
  • 29
4
votes
3 answers

process tag before converting it into tag using bootstrap tags input

i am using bootstrap tags input in my site. basically what i am trying to do is, ask user to type urls into a text field, now if the text is valid url then only convert it into tag otherwise don't. is there any way to process text before converting…
Ashish Joshi
  • 191
  • 3
  • 16
4
votes
2 answers

Bootstrap-TagsInput confirmKeys don't work

I can't get the default Bootstrap-TagsInput confirmKeys, namely enter = 13 or comma = 188, to work out of the box. This is true with or without Typeahead.js. Confirm keys allow you to create a tag by clicking that key. I think the issue is whether…
tim peterson
  • 22,033
  • 50
  • 162
  • 279
4
votes
0 answers

Remove tags with same key with tags input jquery

Using bootstrap tags input jquery https://timschlechter.github.io/bootstrap-tagsinput/ I'm stuggling to achieve something. First I add a tag like so: $('.tag_in').tagsinput('add', {text: 'Over 30 minutes', type: 'format'}); But I only want to…
Callombert
  • 1,071
  • 13
  • 35
4
votes
1 answer

Bootstrap Tags Input how to bind function to event itemAdded and itemRemoved?

There is no documentation about events on the website, any ideas ?http://timschlechter.github.io/bootstrap-tagsinput/examples/
beratuslu
  • 991
  • 1
  • 13
  • 26
3
votes
2 answers

Bootstrap Tags Input - values doesn't get removed from tagsinput

I am trying to remove input value from bootstrap-tags-input manually whenever x button is clicked but values doesn't gets change nor from array neither from inputs . This is code which i have tried : $('input').tagsinput({ allowDuplicates:…
Swati
  • 23,244
  • 4
  • 14
  • 34
3
votes
3 answers

Bootstrap 4 tags input - Add tags only from the predefined list

I'm using Bootstrap 4, and Bootstrap Tags Input for making a multiple category selection option. I want to select multiple items only from the predefined categories listed in the predefined_list Right now, whenever user type something in the input…
Wasi
  • 1,204
  • 2
  • 16
  • 29
3
votes
0 answers

Bootstrap tagsinput and typeahead with ajax

I am using Bootstrap tagsinput and typeahead, which works perfectly when I use it this way: $(document).ready(function() { $('.tagsinput-typeahead').tagsinput({ typeahead: { source: $.getJSON('/ajax/tags.php'), …
Chrissy Mint
  • 65
  • 6
3
votes
0 answers

Cannot read property 'toString' of undefined in Tagsinput/typeahead

I have an issue with my typeahead/tagsinput input-field. It worked before, and then suddenly stopped working, i did not touch any of the Javascript. I have an input field like so:
3
votes
1 answer

Programmatically choose list of Bloodhound autocomplete tags with Bootstrap tagsinput

I have a text input that is powered by Bootstrap Tagsinput. Currently, this text input is initialized with a single list of tags that are used in Typeahead autocomplete: $('.tagsInput').tagsinput({ maxChars: 25, maxTags: 5, typeaheadjs:…
Peter
  • 6,225
  • 4
  • 28
  • 48
3
votes
3 answers

How to use tags input of bootstrap with textarea tag (data-role="tagsinput")

i want show user selected options in text box area in tag wise with remove option. How to use tags-input of bootstrap with textarea? I have applied…
Sudheer babu
  • 33
  • 1
  • 8
3
votes
0 answers

How to use chinese half-width comma in bootstrap-tagsinput?

bootstrap-tagsinput use keypress event which not support Chinese characters. I try this to solve the problem, but it is not a good solution. Any good ideas?
Liu Dongyu
  • 855
  • 1
  • 7
  • 16
3
votes
1 answer

tagsinput & typeahead: Cannot read property 'apply' of undefined

I keep getting this error when trying to use tagsinput & typeahead. html:

Typeahead

…
yeouuu
  • 1,773
  • 3
  • 11
  • 32
1
2
3
…
14 15