Property outline in component MDBSelect

Topic: Property "outline" in component MDBSelect

Gustavo Fuhr asked 6 years ago

Expected behavior The MDBSelect component should be able to be viewed as "outlined"

Actual behavior I need to create a form with "outlined" inputs, but by adding an MDBSelect (which does not support this kind of visualization) the whole form is left with an inconsistent UI.

Resources (screenshots, code snippets etc.) Example MDB Select vs. outlined components

Thanks!

Add comment

Jakub Mandra staff premium answered 6 years ago

1 0 Best answer

Hi!

Outline Select is ready and waits for release which will take place next Monday! :)

Stay tuned and follow our changelog https://mdbootstrap.com/docs/react/changelog/

Best,

Jakub

Add comment

Jakub Mandra staff premium answered 6 years ago

1 0 Best answer

This is how it should look like:

enter image description here

But it looks like if you change the wrapper's width the label breaks the layout.

Thank you for reporting we will fix it as soon as possible.

Best,

Jakub

Add comment

Gustavo Fuhr answered 6 years ago

0 0 Best answer

Hi ... I've installed the last version, and I found some difference between the select and the rest of controls style.

The alignment and margins are different, and the outline label doesnt have the same position and background than the other fields.

enter image description here

When I open the select, it doesnt look nice too. The options are placed above the control

enter image description here

I dont known if there's a style problem .. I think that this is not a style problem because I tested it only importing bootstrap.css and mdb.css.

Thanks in advance

Add comment

Gustavo Fuhr answered 6 years ago

0 0 Best answer

Hi ... I've installed the last version and my form looks like this:

enter image description here

The alignment and margins are different, and the outline label doesnt have the same position and background than the other fields. When I open the select, it doesnt look nice too. The options are placed above the control (look at the next screenshot)

enter image description here