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

Dawid Wajszczuk staff commented 11 months 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 pro commented 11 months ago

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

Vamshi Choula pro commented 11 months ago

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

above code but not working.

Vamshi Choula pro commented 11 months ago

This version is MDB5 3.9.0 Free

Dawid Wajszczuk staff commented 11 months 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 pro commented 11 months 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 pro commented 11 months ago

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