Skip to main content
Filter by
Sorted by
Tagged with
0 votes
0 answers
164 views

Bootstrap Tags with inputmask possible?

Im using https://www.cssscript.com/tags-input-bootstrap-5/ for adding phone numbers. Using with with regex works very well to validate input but theres some way to add input mask to it, so i can ...
prosoft73's user avatar
-1 votes
2 answers
49 views

why padding left is not working on the bootstrap program version 5.3.1

</head> <body> <header class="bg-info "> <div class="container"> <div class="row text-white"> <...
Jebin Tom's user avatar
1 vote
0 answers
80 views

How can I create combination of tags with dynamic bootstrap tags input?

I have one bootstrap tags input given on the page and there is an option to create dynamic bootstrap tags input where we can add multiple tags. When any tag (e.g. Black) is added in first input (...
Sam S's user avatar
  • 21
-2 votes
1 answer
1k views

How to Add Bootstrap Tags Input

Iam cuurently working on a notes application and i want the user to provide tags for their note but i am not sure how i can do it , please help; and also one of the css is effecting all my bootstrap ...
Garvit pareek's user avatar
1 vote
1 answer
2k views

How to enter multiple email inputs in one field?

I would like to create an input field that accept multiple email addresses (for example to send an invitation). How can I achieve this without the help of jQuery or an external plugin or package? I ...
Timothy Cohen's user avatar
0 votes
1 answer
653 views

Bootstrap tags input copy paste value not showing entire value

When the User pastes any value in the tag it's not showing the entire text it shows just the last few words, if typed it works fine. <div class="col-md-8 col-md-offset-2"> <div ...
Sumit Patel's user avatar
  • 4,608
0 votes
0 answers
66 views

data-role="tagsinput" working in crome and edge but not in Internet explorer

I am designing a site using Bootstrap. TagsInput is working in Chrome and Edge but not in Internet Explorer. The tag boxes are not appearing in Internet Explorer Attaching the code below:- <!...
Sudipta Roy's user avatar
1 vote
1 answer
223 views

Display short tags on one line

The picture below is an image of the functionality from the site. In the column "Enter a code" the user can enter data using TagsInput. I would like to slightly improve the functionality so ...
Paul's user avatar
  • 147
0 votes
1 answer
570 views

How to use Algolia autocomplete with bootstrap tag inputs or similar plugin

the following is the working code of algolia autocomplete, please help me how I can use it with the bootstrap tag input plugin or any other similar jquery autocomplete, i tried same with jquery tagit ...
Kunal Rajput's user avatar
0 votes
1 answer
626 views

How to add class "form-control" to generated bootstrap-tags-input?

Im using bootstrap tags input inside a modal that i display after ajax call. Now i want to add class "form-control" to the generated input tag. I tried like this : $(".bootstrap-...
Wiem's user avatar
  • 77
0 votes
1 answer
622 views

Twitter typeahead.js - working with array of objects

I am trying to implement a tagsinput + typeahead field for a form, where the source is an array of objects stored in a javascript binding. The value I want to store in the form is the id, but I want ...
Rafael Leite's user avatar
0 votes
2 answers
100 views

How to dynamically assign a class (based on the outcome of if - else) to a span tag of a popover tooltip that uses Bootstrap Tagsinput

//My js file has the following $mytag.popover({ html:true, trigger: hover, container: $mytag, template: '<div class="popover" role="showDetails">' + ...//other ...
curiousCat's user avatar
1 vote
0 answers
156 views

Bootstrap tagsinput maxTag not working inside a function

I have a code when the select input is changed the maxTag of tagsinput must be set to 1 but is not working. here's my code: Html: <select class="selection-2" id="sections" name=&...
Fido's user avatar
  • 33
0 votes
1 answer
591 views

Parse an unserialized JSON object array with commas in values

I am using tag inputs to submit a string representation of 0 or more objects. The input value in the form is a comma separated list of stringified JSON objects. Example: var value = "{}, {}, {}, {...
Josh Sharkey's user avatar
  • 1,038
0 votes
0 answers
101 views

Inserting multiple tags results in NULL data

I am using bootstrap-tagsinput, found here: http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/ I have the following multi-tag input: <select multiple data-role="tagsinput" ...
Martin's user avatar
  • 27
0 votes
0 answers
173 views

Passing tags data through via POST

I am using https://github.com/bootstrap-tagsinput/bootstrap-tagsinput which allows me to convert a select or input to a be a tags field. Inside of a Form, and when submitted, the data is NULL. ...
Martin's user avatar
  • 27
1 vote
2 answers
249 views

onRemove event not firing

I have a some bootstrap-tagsinput code: <div x-show.transition.in="step === 1"> <div class="row mb-3"> <div class="col-md-12"> <strong>...
Martin's user avatar
  • 27
0 votes
2 answers
2k views

bootstrap tags input tag value is not submitting with form

Can someone explain what is going on here? I don't understand why the values that I submit in the tag input field are not being submitted with the form. I've tried this with both examples and neither ...
Josh Sharkey's user avatar
  • 1,038
4 votes
3 answers
3k views

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 : ...
Swati's user avatar
  • 28.5k
1 vote
0 answers
729 views

Unable to keep duplicate tag when removing same name tag

hi i am using Bootstrap Tags Input in my application and i have add $('input').tagsinput({ allowDuplicates: true }); in my code its working fine and its allow to add multiple same value. but i ...
Mani Singh's user avatar
2 votes
0 answers
167 views

Bootstrap tags input - highlighting the selected option when using keyboard navigation

I am updating a product that utilizes Bootstrap Tags Input with typeahead to work better with keyboard input. One of the issues, which you can see if you look at the tags input typeahead or later ...
Ben Holness's user avatar
  • 2,665
0 votes
2 answers
162 views

How to remove border inside input tag when using tagsinput library in jQuery?

How to remove border inside <input> tag when using tagsinput library in jQuery? My problem as below: My reference: tagsinput bootstrap Something I've tried but not solve: .bootstrap-tagsinput:...
mastersuse's user avatar
0 votes
2 answers
1k views

How to count the number of tags that exist in Bootstrap Tags Input field

I'm building a CMS and I'd like to have my Bootstrap Tags Input require a minimum of 6 tags as well as count the number of tags and display it on a counter, like this: <input type="text" ...
Marge Daniels's user avatar
-1 votes
2 answers
10k views

Insert value with jquery to tags input element [closed]

I want to insert value through jquery to tags input element html. But didn't work. My code JS : $(document).ready(function(){ $('#tags-input').tagsInput(); var tagsValue = 'Jakarta,Bogor,...
Genta Haetami Putra's user avatar
0 votes
1 answer
234 views

Make two bootstrap tagsinputs have different icons to remove them

I'm using bootstrap tagsinput (https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/) to collect keywords from a user. I have two keyword boxes and want to change the icon next to each ...
Bazzert's user avatar
  • 97
2 votes
2 answers
196 views

Using npm installed JS/CSS lib on a Laravel application

I'm actually experimenting with Laravel and npm, and i struggle to use Bootstrap Tags Input lib inside my app (also as any other npm installed lib). It seems pretty easy but i'm missing something here....
Gaël Duval's user avatar
1 vote
1 answer
1k views

Bootstrap 4 TagsInput maxNumTags is not working

I want to set max 5 tags in my input field but maxNumTags:5 is not working in jquery What should I do to set a maximum value for tagsInput? HTML <input type="text" class="form-...
tariqul anik's user avatar
0 votes
0 answers
226 views

Avoid postback in textchanged event without updatepanel c#

How can I avoid postback in textchange event without using updatepanel. When I use the updatepanel the css in my table is not working. I am using Bootstrap tags input in my table. View image without ...
crocscoc's user avatar
0 votes
1 answer
1k views

bootstrap4 tagsinput, delete tag: how to check with ajax and then cancel

I am using tagsinput with bootstrap4. I want the user to click on deleting a tag (the 'x' button), then ajax the tag-delete request to the server which checks if user is allowed to do it. Server ...
bliako's user avatar
  • 1,081
0 votes
0 answers
225 views

bootstrap tags input template code not working

I trying to make a "tags input" in one of my form field (equipment), and i tried the code from https://bootsnipp.com/snippets/exqd3#comments (i have extend this pug from a layout.pug and also included ...
Iris Lin's user avatar
0 votes
0 answers
1k views

Bootstrap tags input in react app not working

I want to use Bootstrap Tags Input in my ReactJS application. I downloaded that component and linked the CSS file and the JS file of the component to index.html file of my react application. Below is ...
AnonSar's user avatar
  • 656
0 votes
0 answers
33 views

Typeahead drop down list is the same despite data from the source is updated JavaScript php

I'm using Bootstar Tags-input: https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/ This is the HTML and script I use. It shows tags, and I get typeahead. The file refers to tags.json ...
Coder88's user avatar
  • 1,035
0 votes
1 answer
651 views

Loading spinner typeaheadjs bloodhound tagsinput

I've setup an autocomplete search form with bloodhound and tagsinput. It works well in remote but suggestions take about 1 or 2 seconds to show with Wordpress API. I'd like to add a loading spinner ...
Tz V's user avatar
  • 11
0 votes
1 answer
217 views

Bootstrap tagsinput Uncaught TypeError: $(...).tagsinput is not a function

<html> <head></head> <body> <input type="text" value="Amsterdam,Washington,Sydney,Beijing,Cairo" data-role="tagsinput"> <script src="{{ asset('js/app.js') }}" defer&...
Cyber's user avatar
  • 29
0 votes
0 answers
369 views

bootstrap tags input not working (Uncaught TypeError: $(...).tagsinput is not a function)

tags are working fine and everything but when i use these lines : $('input').tagsinput('refresh'); $('input').tagsinput('add', 'some tag'); it says :Uncaught TypeError: $(...).tagsinput is not a ...
Cyber's user avatar
  • 29
0 votes
1 answer
352 views

Issue duplicates value when I console.log on bootstrap tagsinput

I have an error with Bootstrap Tagsinput as follows, I append an row div when I click 'Add property' button (inside the row there is tagsinput), and then I click 'Show' button to show console.log. But ...
Linh Nguyễn's user avatar
0 votes
1 answer
557 views

Count tagsinput and calculate price based on tags

I have the following script in which I do not know how to add a calculation system based on multiple tags, eg: if I add one tag in compnr input i want to be displayed the price of 100e in totalpay ...
Fido's user avatar
  • 31
2 votes
1 answer
9k views

Bootstrap Tagsinput how to get multiple values as an array

Hey guys I have a problem with Bootstrap Tagsinput I'm trying to get an array with all the tags from the input text as values <input type="text" name="designation" data-role="tagsinput" id="...
Samy Tcheikman's user avatar
0 votes
1 answer
2k views

How to re-initialize bootstrap tagsinput using ajax in php

After I successfully edited data using PHP ajax and MySQLi, the “<input type="text" class="tagsinput"/>” is not properly initialized. I try this code, and it works but not in its proper form ...
JFRANCO LATOZA's user avatar
3 votes
1 answer
5k views

how to change style of bootstrap tagsinput

I have an input field with bootstrap tagsinput, the problem is when the tag is activated I don't have the box of the tag. For example I have this : And I want something like this : showing that the ...
Oussama Jabri's user avatar
1 vote
0 answers
334 views

'tagClass' is undefined in bootstrap-tags-input

<input type="text" id="shareemail" name="shareemail" value="" data-role="tagsinput" /> $('input').on('itemAdded', function(event) { var test = event.item; var test2 = validateEmail(test)...
Basit Ali's user avatar
  • 155
-1 votes
1 answer
117 views

jQuery Validation rules for tagsinput only triggered on submit event [duplicate]

I use tags input and jquery validation for form, but this kind of input only been validated on submit event. Any idea how to solve this? To let it be validated on change event?
叶秀云Hanna's user avatar
1 vote
1 answer
524 views

Bootstrap TagsInput with EntityType dropdown values (Symfony)

I'm making a form to register books (Symfony 4), each with a unique publisher (ManyToOne) and one or many authors (ManyToMany). Both fields are filled in the form as tags, with Bootstrap TagsInput, so ...
quamis's user avatar
  • 11
1 vote
1 answer
795 views

Create variants table like shopify

Hello i'm using jQuery tag input library to create variants option like shopify for example each product can have a specific options like color size... I have 3 inputs fields and each input contain a ...
user avatar
1 vote
1 answer
84 views

On using a npm module in a Meteor package

If I install the npm module bootstrap4-tagsinput-douglasanpa in the main Meteor application I can use it by importing its files import '../node_modules/bootstrap4-tagsinput-douglasanpa/tagsinput.js'; ...
MickaelFM's user avatar
  • 897
0 votes
0 answers
402 views

bootstrap tagsinput allowing duplicates even when set to false

tags-input is allowing duplicates wen I set a value in html <input type="text" value="XYZ" class="tagsResult tagIn form-control" data-role="tagsinput sometext" data-color="success"> Then when ...
Aadam's user avatar
  • 1,551
0 votes
0 answers
56 views

Can't handle async requests

I'm trying to create bootstrap tagsinput with remote source (get tags from server).When I use synchronous request - it works great, but the screen freezes for some time after each letter pressed, ...
Dmytro Duplyka's user avatar
1 vote
1 answer
2k views

Bootstrap Tags input with Objects as tags typehead Free input not working

I am using bootstrap-tags input (Objects as tags - https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/) for my tags input. It is working fine with Objects as tags for auto complete ...
Shabnam Khan's user avatar
0 votes
1 answer
368 views

Django m2m how to use name instead of name_id

i want to add tags for new posts. I use bootstrap tags input. It works only if I write tags_id, not tag title. And if I write new numbers, it saves post with new number tag. How to change tag_id to ...
Mykyta's user avatar
  • 3
1 vote
0 answers
123 views

How to add popovers tooltip in tagsinput?

I am trying to add popovers tooltip in tagsinput text field. But its not working. Here is my code: <div class="form-group"><!-- form-group --> <div class="col-lg-6" id="...
Anjali Pandya's user avatar

1
2 3 4 5