Horizontal align text input and select

Topic: Horizontal align text input and select

Weiser pro asked 7 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 7 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

Add comment

Weiser pro answered 7 years ago

0 0 Best answer

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 7 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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

User: Pro
Premium support: No
Technology: MDB Angular
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

About author

Weiser

Pro User

15Support score
10Questions 5Answers

0Snippets likes 0Snippets