228
questions
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 ...
-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">
<...
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 (...
-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 ...
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 ...
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 ...
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:-
<!...
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 ...
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 ...
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-...
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 ...
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
...
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=&...
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 = "{}, {}, {}, {...
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" ...
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.
...
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>...
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 ...
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 :
...
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 ...
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 ...
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:...
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" ...
-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,...
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 ...
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....
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-...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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&...
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 ...
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 ...
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 ...
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="...
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
...
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 ...
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)...
-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?
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 ...
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 ...
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';
...
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 ...
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, ...
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 ...
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 ...
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="...