Stack Overflow
Stack Overflow

Questions tagged [bootstrap-tokenfield]

Tokenfield for Bootstrap is a plugin that makes it easy to add tagging or tokenizing features (like tags on SO) to a website.

Tokenfield for Bootstrap is a plugin that makes it easy to add tagging or tokenizing features (like tags on stackoverflow) to a website.

Features :

  • Copy & paste support
  • Keyboard navigation
  • Edit existing tokens
  • Multiple lines of tokens
  • Responsive

Tokenfield for Bootstrap homepage.

66 questions
8
votes
3 answers

How to prevent duplicate with Bootstrap Tokenfield When using Jquery Ui Autocomplete

I am trying to implement Bootstrap Tokenfield with Jquery Ui autocomplete and so far i was able to do that except the fact that i am not able to prevent duplicates in the input field, so, unfortunately my user can choose the same value twice. In…
Ferdine Faithfull
  • 297
  • 1
  • 4
  • 15
8
votes
1 answer

Bootstrap Tokenfield with Typeahead / Bloodhound exclude tokens

I'm using bootstrap-tokenfield with typeahead/bloodhound. I can prevent the same token from being used twice in the tokenfield, but the same token still appears in the typeahead response. How can I exclude tokens that are already in the…
Asa Carter
  • 2,207
  • 5
  • 32
  • 62
4
votes
2 answers

Invoke AutoComplete dropdown after inserting token in bootstrap tokenfield

I have a small example like on this Fiddle. Simple Bootstrap tokeninput using autocomplete. $(document).ready(function() { $('#tokenfield').tokenfield({ autocomplete: { source:…
DDan
  • 8,068
  • 5
  • 33
  • 52
4
votes
6 answers

Tokenfield (tag input) autocomplete in Bootstrap 3 doesn't work

I am trying to implement a simple tags input in Bootstrap 3 with Tokenfield, but I've stacked somewhere. HTML code:
Tasos
  • 7,325
  • 18
  • 83
  • 176
3
votes
1 answer

Tokenfield for Bootstrap with Twitter Typeahead shows object in suggestions instead of value

I am using tokenfield for bootstrap with twitter typeahead and I am able to this. https://i.stack.imgur.com/dtFbj.png I want only value to be displayed. Here is my JS: var engine = new Bloodhound({ local: bloodhound_tag_data, …
thisizmohit
  • 41
  • 5
3
votes
1 answer

bootstrap tokenfield with typeahead and JSON

I am trying to implement bootstrap tokenfield with typeahead using JSON. I have these two functions which work very well in isolation, but when I try to combine them it does…
Ethic Or Logics
  • 111
  • 1
  • 13
3
votes
1 answer

Want to change default delimiter to other symbol in bootstrap tokenfield

I'm using bootstrap tokenizers for autosuggest- refer link I want to make few custom changes to it, has anyone tried doing these things. This plugin seems to work great. But I have few queries, It would be great if anyone help me, overcoming…
Sneha Kahane
  • 61
  • 6
3
votes
2 answers

Use Meteor collections for Typeahead Bloodhound, preferably without making my own API

I want to build a tags input like the one in StackOverflow. I am trying to use Meteor collections as the remote or prefetch data for Typeahead Bloodhound because I want to eventually use Bootstrap Tokenfield. According to their documentation and…
FullStack
  • 5,902
  • 4
  • 43
  • 77
2
votes
2 answers

Bootstrap Tokenfield show empty tags list. Laravel App

I have a problem with autocomplete. Firslty I get an array with tags: var tagsList = @json(\App\Helpers\Clients::getTags()); And then: $('#tags').tokenfield({ beautify:false, autocomplete: { source:…
JJMontalban
  • 100
  • 6
2
votes
1 answer

Tokenfield - allow only tokens from source

I'm trying to use Tokenfield plugin - http://sliptree.github.io/bootstrap-tokenfield How can I restrict use only tokens from source? $('#tokenfield_platform').tokenfield({ autocomplete: { source: [ {% for platform_item in platforms %} …
DzLL
  • 59
  • 2
  • 7
2
votes
1 answer

mongoose save if new refs

If you want to know what's the problem in this thread in two words: I'm trying to accomplish a mongoose function findOrAdd(): if the Id I'm searching for isn't present, I should add a new document. After that (that's why I need some sync functions)…
alfredopacino
  • 2,979
  • 9
  • 42
  • 68
2
votes
0 answers

jquery UI, Bootstrap 3, bootstrap-tokenfield not working with ajax

jquery UI, Bootstrap 3 and bootstrap-tokenfield are not working with ajax. The local source example bellow works: $('.Subject-PreRequisites').tokenfield({ autocomplete: { source: ['Amsterdam', 'Washington', 'Sydney',…
Tito
  • 722
  • 4
  • 26
  • 55
2
votes
0 answers

Replacement for Bootstrap-Tokenfield

So it seems like bootstrap-tokenfield is no longer supported (https://github.com/sliptree/bootstrap-tokenfield/issues/255) which is a bummer because it's so easy to use. Anyone know a good alternative?
rigdonmr
  • 2,662
  • 3
  • 26
  • 40
2
votes
0 answers

Tokenfield for Bootstrap Autocomplete Not Working

I am trying to make tags input field, and I am using jquery UI Autocomplete with Tokenfield for Bootstrap. But autocomplete doesn't fire. Please look on code below. Javascript $(function () { $("#TagsInput").tokenfield({ autocomplete: { …
aadi1295
  • 982
  • 3
  • 19
  • 47
2
votes
0 answers

Does Zurb Foundation 5 have a token field?

I'm looking for a token field (or token input) to use with Foundation 5 project. I did not find any on their website. Bootstrap has one for e.g.: http://sliptree.github.io/bootstrap-tokenfield/ and jQuery too: http://loopj.com/jquery-tokeninput/ I…
Isabeau Bergeron
  • 106
  • 1
  • 6
1
2 3 4 5