Topic: horizontal align md- form with mdb select??

Rinaldi pro asked 6 years ago


hello, I have to align a md-form with a md-select horizontaly , I have a layout problems because they do not seem designed to be aligned ...There is a solution? how can I do? plz help

Damian Gemza staff commented 6 years ago

Dear Rinaldi, Could you please provide me here code which you're using and screenshots of actual behavior? It would help me to debug your problem. Best Regards, Damian

Rinaldi pro answered 6 years ago


thank you very much for the answer but unfortunately we are not, the label of the select is not aligned with that of the 'imput, moreover the distance between the margin-bottom and the placeholder is not the same. I have solved for some time with workaraund but they are practices not well seen by the development team. I hope in your future fix. the mdb-select and the .md-form are not nice even stacked because of these different spaces ...

Damian Gemza staff commented 6 years ago

We'll try to fix this problem in future releases. But thanks for your report! Best Regards, Damian

Rinaldi pro answered 6 years ago


hi, this is the code

Start your code here

<div class="row">
<div class="col-md-6">
<mdb-select [options]="optionsSelect" placeholder="Choose your option"></mdb-select>
<label>Example label</label>
</div>
<div class="col-md-6"> 
<div class="md-form">
<input mdbInputDirective type="text" id="form1" class="form-control">
<label for="form1" class="">Example label</label>
</div>
</div> 
</div>

Rinaldi pro commented 6 years ago

I have to horizontally align the input fields, so that they take up the same height and ther bottom borders are aligned

Damian Gemza staff commented 6 years ago

Dear Rinaldi, As a workaround, please add class="mt-3" to your mdb-select element, and then add below styles to your styles.scss file: .single { padding-bottom: 4px !important; } In future releases, we'll try to fix problems with aligning inputs. Best Regards, Damian

Rinaldi pro commented 6 years ago

thank you very much for the answer but unfortunately we are not, the label of the select is not aligned with that of the 'imput, moreover the distance between the margin-bottom and the placeholder is not the same. I have solved for some time with workaraund but they are practices not well seen by the development team. I hope in your future fix. the mdb-select and the .md-form are not nice even stacked because of these different spaces ...


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: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
Tags