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
Rinaldi pro answered 6 years ago
Damian Gemza staff commented 6 years ago
We'll try to fix this problem in future releases. But thanks for your report! Best Regards, DamianRinaldi 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 alignedDamian 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, DamianRinaldi 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 ...FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
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