Checkbox and Remember me without line break

posted 10 years ago

I can't place checkbox and "Remember me" in one line using laravel and bootstrap. There is a line break between checkbox and "Remember me" but I don't want that line break. please help me. My code:

{{Form::open(['route'=>'sessions.store','class'=>'form-horizontal'])}}

<div class = 'form-group'>
    {{Form::label('email','Email',['class'=>'col-sm-3 control-label'])}}
    <div class="col-sm-4">
        {{Form::email('email',null,['class'=>'form-control'])}}
        {{$errors->first('email')}}
    </div>
</div>

<div class = 'form-group'>
    {{Form::label('password','Password',['class'=>'col-sm-3 control-label'])}}
    <div class="col-sm-4">
        {{Form::password('password',['class'=>'form-control'])}}
        {{$errors->first('password')}}
    </div>
</div>

<div class = 'form-group'>
    <div class='col-sm-offset-3 col-sm-4'>
        {{Form::checkbox('remember-me',1,null,['class'=>'checkbox'])}}
        {{Form::label('remember-me','Remember me')}}
    </div>
</div>

<div class = 'form-group'>
    <div class="col-sm-offset-3 col-sm-4">
        {{Form::submit('Login',['class'=>'btn btn-default'])}}
    </div>
</div>

Last updated 2 years ago.

rwthwyn

replied 10 years ago

Hi there,

Does removing the class from the checkbox do the trick? So the line would read:

{{Form::checkbox('remember-me',1,null)}}

With kind regards,

Mark

Last updated 2 years ago.

serdarsanri

replied 10 years ago

I think you are using the wrong template for checkbox.

<div class="form-group">
    <div class="checkbox">
            {{Form::checkbox('remember-me',1,null,['class'=>'checkbox'])}}
    </div>
</div>

<div class="checkbox">
    <label>
      <input type="checkbox"> Remember Me
    </label>
  </div>

should do the trick.

Last updated 2 years ago.

rwthwyn

replied 10 years ago

This is how the Remember Me bit of the login form in my app is written:

		<div class="form-group">
			{{ Form::label('rememberme', 'Remember me') }}
		 	{{Form::checkbox('rememberme', null)}}
		</div>

Hope that's of some help.

Last updated 2 years ago.

Moderators