How to make form-outlines work

Topic: How to make form-outlines work

octagon asked 4 years ago

Expected behavior

Actual behavior

Resources (screenshots, code snippets etc.)

I had an issue with my form fields using form-outline class.Luckily i found out that my input fields were loaded dynamically and i had to place this code right after the tag

 <script type="text/javascript">
    $(document).ready(function() {

      document.querySelectorAll('.form-outline').forEach((formOutline) => { 
        new mdb.Input(formOutline).init();
      }); 
    });
 </script>

Once you have the code in place, you would want to check bootstrap's css and js including jquery.I used this on my page with jquery-3.5.1 and I got an error on my console that mdb is not defined.So I tried it with jquery-3.4.1 and jquery-3.3.1 and it worked just fine.

Does it mean that jquery-3.5.1 has not added support for mdb?

Anyways if you're having the same issue, try this solution out. It worked for me

Add comment

Grzegorz Bujański staff answered 4 years ago