Official Everybody Edits Forums

Anatoly

Guest

Putting badges into text input fields in bootstrap 4 (tag-like). How?

Since stackoverflows' community is a ridiculous banning system, my only place to ask this question is here.

I am using bootstrap 4, and having troubles finding a how-to-use for having badges inside text inputs similar to tags. I've tried adding multiple plugins but none worked. Ideas?

TaskManager

Formerly maxi123

From: i really should update this

Joined: 2015-03-01

Posts: 9,465

Re: Putting badges into text input fields in bootstrap 4 (tag-like). How?

lmao you got banned from stackoverflow?

---

signature by HG, profile picture by bluecloud, thank!!
previous signature by drstereos

Anatoly

Guest

Re: Putting badges into text input fields in bootstrap 4 (tag-like). How?

lmao you got banned from stackoverflow?

The 'privilege' to ask a question is taken for 6 months if you get more than two posts negatively upvoted. I have a total of -3 negative down votes (and on the other four questions 6 upvotes), and they ban for it. Stack overflows' reputation system sucks and there's nothing cool about it.

Edit:

Why are questions no longer being accepted from my account?

At Stack Exchange, asking questions is a privilege, not a right. If a user cannot demonstrate, after asking a reasonable number of questions, that their contributions are making the site better (or at very least, not making it worse) then they will be blocked from asking further questions until they have demonstrated their ability to contribute positively.

Users who are banned from asking questions see the following error message when trying to post a new question:

We are no longer accepting questions from this account. See the Help Center to learn more.

Question bans do not affect other privileges, such as commenting or voting, and there is no indication to the rest of the community that a particular user has been banned.

How can I get out of a question ban?

Begin by improving your existing questions: do as much as possible to make them clear, specific and on-topic.

The ban will be lifted automatically by the system when it determines that your positive contributions outweigh the cost of those questions which were poorly received.

Stack Exchange cannot lift question bans by request.

Edit all of your questions, paying special attention to those that score 0 or less. All questions are expected to be useful to future visitors, so put effort into writing with proper grammar and spelling, formatting your post so it can be read easily, and providing as much detail as possible about your problem and what you have already tried. Then write a title that summarizes your problem so that others encountering the exact same issue can find it. Reading your question out loud to yourself can help you understand what it sounds like to others.

Deleting your questions will not help.

...

Does the ban last forever?

If you're unable to improve your existing questions, you'll get the chance to ask a new one 6 months after your last question. If that question is positively received, you may be able to continue asking questions; if not, then the ban will be reinstated.

If you see a similar message when trying to post an answer, please see our guidance on what to do about answer bans.

NoNK

Member

Joined: 2019-07-13

Posts: 922

Re: Putting badges into text input fields in bootstrap 4 (tag-like). How?

"Yeah I tried some plugins but none of them worked. Help?"

"Wait why am I getting banned for not being specific enough?"

Anatoly

Guest

Re: Putting badges into text input fields in bootstrap 4 (tag-like). How?

Thank you for your hate!

Now answer my question and be on topic!

New issue

Bootstrap 4 tooltips just do not work.

nielsd

Member

Joined: 2017-07-19

Posts: 14

Re: Putting badges into text input fields in bootstrap 4 (tag-like). How?

Share your code.
Note that tooltips require you to include popper.min.js before bootstrap js.

Anatoly

Guest

Re: Putting badges into text input fields in bootstrap 4 (tag-like). How?

tooltips now work!

badges in input fields don't.

the problem was that with my angular it looks like the <script> tag in components will be ignored.

My current index.html is now:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Project</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

  <!-- Icons kit -->
  <!--<script src="https://kit.fontawesome.com/d44d1baf20.js"></script>-->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="I'mNotSureButItLooksLikeThisIsMyPassword" crossorigin="anonymous">

  <!--<link rel="icon" type="image/x-icon" href="./favicon.ico">-->
</head>
<body>
  <app-root></app-root>
  <script type='text/javascript'>
    $("body").on('DOMSubtreeModified', "app-root", function() {
      // Update Event: Tooltips, etc. each time the page changes.
      if ($("[rel=tooltip]").length) {
        $("[rel=tooltip]").tooltip();
      }
    });
  </script>
</body>
</html>

Anatoly

Guest

Re: Putting badges into text input fields in bootstrap 4 (tag-like). How?

Okay I'm f*** sure that I hate jquery. I broke everything