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

How to add icon to tokenfield autocomplete list?

I'm using jQuery tokenfield for autosuggest. I want to add icons to customList of the results. How to do that.? I'm using following code, var applyAutoCompleteToken = (function(){ $("input.Token").each(function(){ var tokensData = []; …
Rajeev
  • 113
  • 1
  • 2
  • 17
0
votes
1 answer

Bootstrap tokenfield json with multiple fields

I have an issue with Bootstrap tokenfield when I'm using an Object with more than one field. For example, I get no issues when I use a json object is defined as: local: [ { value: 'red' }, { value: 'orange' }} ] The initializer for this…
0
votes
1 answer

Bootstrap tokenfield with jquery autocomplete json

I have an autocomplete with json data and i cant seem to make it work with Bootstrap tokenfield. From what I understand this should be just about wrapping the whole thing in a tokenfield function. Or is it something beyond that ? Here is what I have…
0
votes
1 answer

tokenfield with jquery ui autocomplete

I am using Bootstrap tokenfield with jQuery UI autocomplete. But the list is not displaying any thing except blank fields. This is my code: $('#country').tokenfield({ autocomplete: { source: "/country", minLength: 1 }, …
Mannu Nayyar
  • 193
  • 1
  • 5
  • 21
0
votes
1 answer

Adding scrollbar to bootstrap tokenfield autocomplete

I couldn't find any documentation or questions about enabling scroll bar on bootstrap's tokenfield autocomplete. My field has a lot of users form Active Directory and it's mandatory for us to have this scroll. $(usersList).tokenfield({ …
0
votes
1 answer

Tokenfield for Bootstrap can not get "click" event when delete a token

I want to get "click" event when i want to delete a token using Tokenfield for Bootstrap. I only can get "click" event for existing token but not dynamically generated one. // working for existing token $('.close').on('click', function(){ …
Tester
  • 798
  • 2
  • 12
  • 32
0
votes
1 answer

Dont want to allow manual tagging in bootstrap tokenfiled

I am using bootstrap-tokenfield http://sliptree.github.io/bootstrap-tokenfield/ with jquery autocomplete. I want tagging with autocomplete content(from dropdown only). When user is inputting something and hit enter key it automatically creates tags.…
0
votes
1 answer

Bootstrap token field typeahead

What could be wrong guys? I am trying to query the database when someone types. All results in json data in the local variable must be returned by php
Ethic Or Logics
  • 111
  • 1
  • 13
0
votes
1 answer

Twitter Bootstrap Typeahead not working with remote sources

This code works just fine without remote query, the moment I put in remote queries It does not work Here is the code guys, where could I possibly be going wrong, ideally what I am tring to implement is a bootstrap typeahead that queries the database…
0
votes
0 answers

rails 4 with tag-it and jquery ui autocomplete edit form tags

This issue has been bugging me for days and after frustrating switch from bootstrap-tokenfield to tag-it without much success in fixing the problem, I am posting here. I have a modal edit form that allows users to fix up their tags. When I display…
0
votes
1 answer

bootstrap tokenfield manipulation

Hi guys I am trying to accomplish the following with bootstrap typehead tokenfield: 1) Return available tokenfields values onkeyup. 2) Disallow the entry of tokenfields that do not exist in the typehead list 3) Prevent duplicate tokenfields Here is…
0
votes
1 answer

Using Bootstrap Tokenfield with Bootstrap 3 Typeahead

I already have the Bootstrap 3 Typeahead library integrated into my web app. I want to include a tagging system for text input fields, so I looked into Bootstrap Tokenfield. I am having trouble making the two libraries work with each other. The…
0
votes
1 answer

Center Form with Destroying Auto complete (Bootstrap Tokenfield)

How do you center a form from bootstrap tokenfield without making the autocomplete suggestions also become centered? An example would be: http://jsfiddle.net/H7u63/34/ So far, I have tried #test { text-align: center; } .form-horizontal { …
James Lam
  • 1,179
  • 1
  • 15
  • 21
0
votes
0 answers

Token field json syntax error bootstrap

I have around 700 product list in my Databse table. I am using bootstrap's tokenfield for auotcomplete, i have to use auto complete in search textbox. I am getting syntax error : SyntaxError: missing ] after element list ...B','Lino Perros Men's…
Pathik Vejani
  • 4,263
  • 8
  • 57
  • 98
0
votes
0 answers

Bootstrap token-input won't accept typing in on text on modal dialog

I have a popup dialog which i have added a div tokenized later by bootstrap js. I am facing one major problem though. When i make the dialog modal, for some reason i can't fgure out why and where am losing typed in text though keydown and keyup…