Tuesday, October 22, 2013

Re: Multiple checkbox in one line

If I remember correctly Form->input is wrapped in a div. You can try styling the div through the input options array such as 'div' => 'CssClass' or remove the div entirely if it helps the cause, 'div' => false. You can change from a div to something like span using 'wrap' => 'span'. Use before/between/after to further style the input 'before' => 'label', 'after' => ' ' There is a lot you can do through the input itself to change it's characteristics. or better prepare it to be styled. Make sure your styles are not being overwritten and some simple CSS should to the trick. 

.checkbox input[type="checkbox"] {      display: inline;  }  .checkbox label {      display: inline;  }
HTH

On Tuesday, October 22, 2013 3:19:10 AM UTC-4, Princess Erissa wrote:
Hi, I have a HABTM relationship between product and color.

in Add Product form, I have this line.

<?php echo $this->Form->input('Color', array('multiple'=>'checkbox'));?>

But, the checkbox list is in vertical. and the list of color is so many and the user need to roll down the page more and more.
What should i do to make the checkbox in one line? or 3 checkbox in one line. others will go down.

I've try to put in css:
display:inline;

but its not working..huhu..

please someone help me.

--
Like Us on FaceBook https://www.facebook.com/CakePHP
Find us on Twitter http://twitter.com/CakePHP
 
---
You received this message because you are subscribed to the Google Groups "CakePHP" group.
To unsubscribe from this group and stop receiving emails from it, send an email to cake-php+unsubscribe@googlegroups.com.
To post to this group, send email to cake-php@googlegroups.com.
Visit this group at http://groups.google.com/group/cake-php.
For more options, visit https://groups.google.com/groups/opt_out.

No comments: