Property outline in component MDBSelect


Topic: Property "outline" in component MDBSelect

Gustavo Fuhr asked 3 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!


Jakub Mandra staff premium answered 3 years ago

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


Jakub Mandra staff premium answered 3 years ago

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


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


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

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


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.13.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Linux
  • Provided sample code: No
  • Provided link: No
Related topics