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


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
  • User: 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