carlosalviz free asked 5 years ago


Hello! Is there a way to change the Size of a mdb-select object? (single or multiple)

Something like adding size="sm" (just like it works for inputs)

let me know

Tks,


Damian Gemza staff answered 5 years ago


Dear @carlosalviz

You can use an [optionHeight] input which will change the default option height which is 37px.

Please take a look at the below code:

.html:

<mdb-select [optionHeight]="20" [options]="optionsSelect" placeholder="Choose your option"></mdb-select>

.ts:

optionsSelect = [
    { value: '1', label: 'Option 1' },
    { value: '2', label: 'Option 2' },
    { value: '3', label: 'Option 3' },
  ];

Best Regards,

Damian


carlosalviz free commented 5 years ago

Tks Damian.
It's not exactly what I'm looking for

It only changes the space from the inner elements. (the select object keeps the same size) :(


Arkadiusz Idzikowski staff commented 5 years ago

We don't want to give any temporary solutions in this case because there are to many elements that could break. I added this feature to our nice-to-have list, we will discuss it with our design team and consider implementing in the future.


carlosalviz free commented 5 years ago

well... tks! hope we can see that option in the future.


carlosalviz free answered 5 years ago


Could it be possible to achieve that using styles? Do you know how?

I really appreciate any help.


Arkadiusz Idzikowski staff answered 5 years ago


Hello,

Unfortunately mdb-select doesn't have such option.



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: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.1
  • Device: -
  • Browser: Chrome
  • OS: Win10
  • Provided sample code: No
  • Provided link: No