Insufficent margin on input

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Insufficent margin on input

Sekra24 pro asked 7 years ago

Hey guys, I noticed that after upgrading to 4.5 there is an issue with the margin of the input values. I can't upload an image. There is no vertial margin between an text input and a select input. Thank you for resolving the issue.

Sekra24 pro answered 7 years ago

Okay, I solved the issue by myself!!

In your documentation there is a missing information: https://mdbootstrap.com/javascript/material-select/

There is a wrapper needed: <div class="md-form"> [select code] </div>

Otherwise the margins and styles are not working!!

Please add this to the documentation - this was 5-6 hours wrapping my head around it! Sorry, but I'm very unhappy! :(

Marta Szymanska staff pro premium answered 7 years ago

Hi, could you provide any demo presenting this problem? Best, Marta

Sekra24 pro commented 7 years ago

Hi Marta, have you testet the 4.5 version? I think there is something broken. Also the normal text input in the navbar is not styled the material way. If I load the 4.45 version all is working fine. Cleared cache, rebuild with gulp, ... I can't provide you a demo but could you show me a working version of 4.5? Thank you!

Sekra24 pro answered 7 years ago

Any update on this? Do you have a demo page where I can see the 4.5 working? Thank you.

Marta Szymanska staff pro premium answered 7 years ago

Hi guys,

To specify what you mean, I paste here two screens with material select and normal input, so, please, tell me if it is something wrong with them (I see the inputs are not equal horizontally). And about the input in navbar (I think you may mean search input), this is the code for material input:

<form class="form-inline">
  <div class="md-form mt-0">
    <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
  </div>
</form>

If you give me more details of the problem, I will be able to help you better.

Best,

Marta

Ad.1

Ad.2

Sekra24 pro answered 7 years ago

Hey Marta, okay now I think I understand what's up with the functionality. You had major changes from 4.4.5 to 4.5.0. They are not compatible. The markup changed. My question is now: Was the documentation (on the right sidebar) updated? As I said the code markup changed (see https://mdbootstrap.com/changelog/). I need the updated version of the documentation or a migrate guide to change the markup manually. Thank you.

Marta Szymanska staff pro premium answered 7 years ago

Hi, the documentation is updated. Please, report us if you see not updated things in our documentation and we will fix this. Best, Marta

Sekra24 pro answered 7 years ago

Hi Marta, I implemented the 4.5.0 version. Can I provide you my credentials to the dev on a secure way? I can't mark this thread as private as far as I can see. (You have to improve this - can't provide you images or private messages) ;) Thank you.

Marta Szymanska staff pro premium answered 7 years ago

Hi, but in .mdb-select we don't need an additional .md-form class. I'm not sure where our documentation is not updated. Best, Marta
Write
Create snippet
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: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Sekra24
Pro User
12Support score
9Questions 8Answers
0Snippets likes 1Snippets