Insufficent margin on input

Topic: Insufficent margin on input

Sekra24 pro asked 6 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.

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

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

Add comment

Sekra24 pro answered 6 years ago

1 0 Best answer

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! :(

Add comment

Sekra24 pro answered 6 years ago

0 0 Best answer

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.

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

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

Add comment

Sekra24 pro answered 6 years ago

0 0 Best answer

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.

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

<p>Hi guys,</p>
<p>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:</p>
<pre><code class=" language-markup"><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></code></pre>
<p>If you give me more details of the problem, I will be able to help you better.</p>
<p>Best,</p>
<p>Marta</p>
<p>Ad.1</p>
<p><a href="https://mdbootstrap.com/wp-content/uploads/2018/02/Screenshot_411.png"><img src="https://mdbootstrap.com/wp-content/uploads/2018/02/Screenshot_411.png" alt="" width="1220" height="127" /></a></p>
<p>Ad.2</p>
<p><a href="https://mdbootstrap.com/wp-content/uploads/2018/02/Screenshot_410.png"><img src="https://mdbootstrap.com/wp-content/uploads/2018/02/Screenshot_410.png" alt="" width="742" height="194" /></a></p>

Please insert min. 20 characters.

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

Add comment

Sekra24 pro answered 6 years ago

0 0 Best answer

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

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

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

Sekra24 pro commented 6 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!

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Sekra24

Pro User 12Support score
9Questions 8Answers 1Snippets