Topic: How to make form-outlines work

octagon free asked 3 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


Grzegorz Bujański staff answered 3 years ago


Thanks for reporting it, we will check it and try to fix it.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: 3.2.0
  • Device: Toshiba Laptop
  • Browser: Chrome
  • OS: Windows Os
  • Provided sample code: No
  • Provided link: No