Topic: Input group with select -fit width to select content

nick.kaynes priority asked 2 years ago


I have an input group with select appended to show price and currency picker in select. But the width of the select component is randomly set to too large width.

see snippet. https://mdbootstrap.com/snippets/standard/nick-kaynes/4263391#

How can I make the width of the select component occupy only the minimumn width needed to show the currency symbol ?


Mateusz Lazaru staff answered 2 years ago


Hi, there is no option in component to set width, but you can set it with CSS.Maybe better aproach is to use dropdown button instead of select, since button is taking the only space it needs?

Both solutions:https://mdbootstrap.com/snippets/standard/mlazaru/4289119


nick.kaynes priority answered 2 years ago


Thanks. css solution is best for my case.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.4.0
  • Device: windows desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes