Topic: Horizontal align text input and select

Weiser pro asked 6 years ago


Hi,could you provide a concrete solution(jsfiddle etc. ?) for horizontal align the text input and a select input.

Damian Gemza staff commented 6 years ago

Dear Weiser, Could you please describe your problem using more words? What exactly isn't clear in our documentation? Please give me more information. Best Regards, Damian

Weiser pro answered 6 years ago


Sure, this is my code. My goal is that the text input and the select are on the same line. Right now it is looking like on this screenshot.

<div class="row" >

  <div class="col-3">
    <mdb-select [options]="options"
              placeholder="Typ" name="typ"></mdb-select>
    <label class="active" for="typ">Typ</label>
  </div>
  <div class="col-3">
    <div class="md-form">
      <input type="text" class="form-control" mdbActive name="title">
           
      <label for="title">Parameter Name</label>
    </div>
  </div>
</div>



Damian Gemza staff commented 6 years ago

Dear Weiser, Sorry for so long response, but I didn't saw your post. Please add class="mt-3" to your mdb-select element. We'll try to fix this problems in future releases. Best Regards, Damian


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: No
  • Provided link: No
Tags