Topic: Align captcha and input

Grf free asked 4 years ago


Hi,

Any help is highly appreciated to get the form correct.

Thanks in advance.

Expected behavior On screens >= MD the captcha and the input are inline. On smaller devices they are each on a separate row.

Actual behavior No matter the screen width, they are stacked.

Resources (screenshots, code snippets etc.)

<div class="form-row">
    <div class="col-md-5">
       <div class="md-form" data-cgbf-captcha="">
            <img src="https://www.uisge-beatha.eu/tmp/cache/php-captcha.jpg" width="200" height="60" alt="Visual Captcha">
       </div>
     </div>
    <div class="col-md-5">
        <span>Neem de tekens over</span>
        <div class="mt-1 md-form" data-cgbf-captcha-input="">
             <input name="cgbf_input_captcha" class="cgbf_input_captcha">
        </div>
    </div>
</div>

Piotr Glejzer staff commented 4 years ago

And you want to have every time to next to each other, even on smaller devices?


Grf free commented 4 years ago

On smaller devices above each other and on wider devices next to each other.


Piotr Glejzer staff commented 4 years ago

https://mdbootstrap.com/snippets/jquery/piotr-glejzer/683203 - but it's on smaller devices above each other and on wider devices next to each other.


Grf free answered 4 years ago


Thanks Piotr! Got it working :)



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: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.4
  • Device: Mac Book Pro
  • Browser: Firefox Developer
  • OS: OSX
  • Provided sample code: No
  • Provided link: No