How do i increase the width of the select element. Actually

Dawid Wajszczuk staff commented 3 years ago

Hi. Providing a snippet would help a lot https://mdbootstrap.com/snippets/ . But you probably just need to initialize inputs and select manually. Here is the solution for inputs https://mdbootstrap.com/docs/standard/forms/input-fields/#section-update (Update label width and Dynamic input initialization sections). And do the same for Select with for example

 document.querySelectorAll('.select').forEach((select)=>{
     new mdb.Select(select)
   })

Vamshi Choula commented 3 years ago

Snippet- https://mdbootstrap.com/snippets/standard/vamshi_choula_2/3228602

Vamshi Choula commented 3 years ago

I added this document.querySelectorAll('.select').forEach((select)=>{ new mdb.Select(select) })

above code but not working.

Vamshi Choula commented 3 years ago

This version is MDB5 3.9.0 Free

Dawid Wajszczuk staff commented 3 years ago

Because Select is our pro component and it will not work with MDB 3.9.0 Free package, as you can see in our documentation https://mdbootstrap.com/docs/standard/forms/select/. To be able to use it, you need to use our Pro Essential or Pro Advanced packages.

Vamshi Choula commented 3 years ago

I have Tried with bootstrap 5. It is working Successfully. now using viewport class items. Search Now button in Exact width is rendered.

Vamshi Choula commented 3 years ago

Search Now The succesfully working of above code. https://mdbootstrap.com/snippets/standard/vamshi_choula_2/3230370