Topic: How do i increase the width of the select element. Actually my project i am stuckng here. please help me.
Vamshi Choula
pro asked 11 months ago
Expected behavior
Actual behavior
Resources (screenshots, code snippets etc.)
Vamshi Choula
pro answered 11 months ago
Search Now This above code is working Succesfully
Michał Duszak staff commented 11 months ago
If you still struggle to get MDB Select to work, please follow this tutorial on installing pro components: https://mdbootstrap.com/docs/standard/pro/installation/
If it still doesn't work for you, initialize it like said earlier. If any problem comes - show us what errors console gives you.
Vamshi Choula pro commented 11 months ago
Actually i am middle of my project.. It should be work if i go pro?
Michał Duszak staff commented 11 months ago
Yes. Simple follow the tutorial given above
Vamshi Choula pro commented 11 months ago
Ok. Thanks. Friend
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 3.9.0
- Device: Laptop
- Browser: Google chrome
- OS: 64-bit
- Provided sample code: No
- Provided link: No
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
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