Styling Checkbox in Laravel Form

Question

I am using Laravel Forms package to generate the form elements. I am using Bootstrap Material design library to get the elements shiny.

For Checkboxes, I am not able to get the style as required. It displays a normal checkbox without any material design style.

Below is my code in Laravel view.

{!! Form::checkbox('remember', 1, null, ['id'=>'remember', 'class' => 'checkbox']) !!}
{!! Form::label('remember', 'Remember me') !!}

Instead of the above code, if I use the direct HTML code, it works. Below is the code that works as expected.

  <div class="checkbox">
    <label>
      <input name="remember" type="checkbox"> Remember me
    </label>
  </div>

How can I generate the above code using Laravel Forms?

As mentioned in question, it renders a standard chckbox without any material design style. — Purus, Jul 26 '15 at 16:34
Ok, I ran your code and I receive the checkbox with the css applied to it. This is weird. — user2094178, Jul 26 '15 at 16:57
You mean the Form::checkbox() code or the bottom HTML code with Material Design library? — Purus, Jul 26 '15 at 17:24
Does it have the Bootstrap Material design style applied as shown in https://fezvrasta.github.io/bootstrap-material-design/#checkbox ? — Purus, Jul 26 '15 at 17:55
No, you will need a form macro to this. http://laravelcollective.com/docs/5.1/html#custom-macros — user2094178, Jul 26 '15 at 18:13
Sorry, all other elements gets the style but not woth checkbox. — Purus, Jul 27 '15 at 04:52

score -1 · Answer 1 · edited May 11 '16 at 18:16

-1

The styling of the checkbox is on input[type="checkbox"] and not in the checkbox class.

create a css as

.checkbox {}

to style the checkbox.

edited May 11 '16 at 18:16

T J

answered Jul 26 '15 at 16:32

Manmeet S. Oberoi

Styling is taken care of the Material design library. So I guess we don't have to play with the CSS. – Purus Jul 26 '15 at 16:35
I suggested a workaround i.e. to copy contents of input[type="checkbox"] into .checkbox – Manmeet S. Oberoi Jul 26 '15 at 16:40
I got it now. But I am looking for a Laravel solution. Thanks a lot. – Purus Jul 26 '15 at 16:45

1 Answers1