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
1
vote
3 answers

how to clear tokenfield with js

I want to make a reset button for a jquery tokenfield, but dont know how to reset it. HTML
1
vote
0 answers

Copy paste emails in bootstrap tokenfield not working in IE

Copy paste emails in bootstrap token-field not working in IE.. I am using bootstrap tokenfield and in IE Browser When i copy and paste set of emails only first email is viewed. Help me out to find a solution for this issue.
karthick
  • 19
  • 3
1
vote
2 answers

Focus on bootstrap-tokenfield input

I would like to have focus on the tokenfield input field when the modal shows up. Currently it's focused only if I click on the input field in the modal. https://jsfiddle.net/csisanyi/h19Lzkyr/12/ I tried to add the following code …
Csisanyi
  • 669
  • 4
  • 16
1
vote
0 answers

How do i populate bootstrap tokenfield ,based on which input field i am focus on

I have these three 'tokenfields' and a list of checkboxes email ids . i manage to add email id to the first tokenfield that is "tokenfield-1".
Shailang Kharsati
  • 35
  • 1
  • 8
1
vote
1 answer

Bootstrap tokenfield and Twitter typeahead dropdown not styled

I have a question similar to this one but I'm using both Tokenfield v0.12.1 and Twitter typeahead v0.11.1. When I start typing and the suggestions appear, they are not styled. It shows as plain text (if I click on suggestion, it adds to input…
usr4896260
  • 1,427
  • 3
  • 27
  • 50
1
vote
1 answer

How should I use Bootstrap 3 tokenfield with autocomplete and typeahead?

I have tried to reproduce the Using Twitter Typeahead example from http://sliptree.github.io/bootstrap-tokenfield/. I have made only a minimal modifications on the original code.
Imre Piller
  • 143
  • 2
  • 10
1
vote
3 answers

Remove span tag when something removed

I have an HTML structure and I want to remove an additional item.
Pratik Patel
  • 131
  • 1
  • 3
  • 12
1
vote
1 answer

How do i prevent the textfield from changing id "myid" to "myid-tokenfield", Tokenfield for Bootstrap

I'm using Tokenfield for Bootstrap, and it keeps changing the id of my textfield from myid to myid-tokenfield. This textfield needs to have a certain id in order to work with the search engine I'm using, so I really need tokenfield to not change my…
Waltur Buerk
  • 1,348
  • 13
  • 17
1
vote
0 answers

bootstrap 3 tokenfield typeahead css not working properly

I'm using the Bootstrap 3 tokenfield plugin to create tags for my input. Additionally I'm using the Twitter Typeahead plugin with witch I'm remotely fetching data for suggestions. The functionality is working correctly, however it is displayed…
Patrick Manser
  • 1,133
  • 2
  • 12
  • 31
1
vote
1 answer

Tokenfield for Bootstrap can not catch event when delete a token

I can't catch delete token event by press "delete" on keyboard when using Tokenfield for Bootstrap. I only can catch delete event by click ".close" Please see this jsfiddle. $(document).ready(function() { $('#tokenfield').tokenfield({ …
Tester
  • 798
  • 2
  • 12
  • 32
1
vote
1 answer

Adding tokenfield to dataTables

I have a DataTable and I would like to use the Tokenfield autocomplete library in one of the columns. My problem is that when the DataTable is redrawn due to pagination, the Tokenfield doesn't work. DataTable initialized / Tokenfield…
retrograde
  • 2,979
  • 6
  • 28
  • 54
1
vote
3 answers

Disable input typing

I'm using bootstrap Tokenfield library. I have a case in my project saying that I can edit tokens by clicking, but not typing, I have special form for adding new pills. Is there a way to disable typing in input form, but still have an access to…
Forin
  • 1,549
  • 2
  • 20
  • 44
1
vote
0 answers

Force Bootstrap Tokenfield to POST Values instead of Labels

I've been wondering how to get id's to post from Bootstrap Tokenfield. I've build the following jsfiddle:http://goo.gl/MiQajX var friends = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'), queryTokenizer:…
bonhoffer
  • 1,421
  • 2
  • 23
  • 38
1
vote
0 answers

The booststrap token field expands when it is activated in iOS safari. How to resolve?

Website of Bootstrap-tokenfield http://sliptree.github.io/bootstrap-tokenfield/ Here is my test code: