2009-08-12 3 views
5

나는 두 개의 테이블이 "레스토랑"과 HABTM 테이블이 서로 관련되어있다 "요리"를CakePHP의 양식 도우미 HABTM 여러 체크 박스 스타일

테이블 요리 특정 고정 항목이있다 - 54 수

식당에는 여러 가지 요리가있을 수 있습니다. 응용 프로그램을 베이킹 할 때 여러 선택 항목이 있습니다. 나는 체크 박스로 변환하기 위해 배열 ('type'=> 'select', 'multiple'=> 'checkbox')을 사용했다.

이제이 체크 박스가 아래의 스크린 샷과 같이 4 열로 표시되는 방식으로 스타일을 지정하고 싶습니다.

img2.pict. COM/82/BC/A4/1453459/0/200908111511.png

echo $form->input('Cuisine', array('type' => 'select', 'multiple' => 'checkbox')); 

다음

http://img2.pict.com/1a/a3/0a/1453457/0/200908121509.png

내가 시도는 다음과 같이 위의 코드는 각 요소 주위에 많은 DIV 년대를 생성합니다

echo $form->input('Cuisine', array('type' => 'select', 'multiple' => 'checkbox', 'div' => false, 'label' => false)); 

하지만이 코드는 외부 div 및 라벨 만 제거합니다. 내 내부를 제어 할 수 없습니다.

<div class="checkbox"> 
<label for="CuisineCuisine2">Andhra</label> 

이 단일 체크 박스 주위에 표시됩니다.

FormHelper를 사용하여 내부 div에 클래스를 제거하거나 클래스를 제공하면 어떻게 사용자 정의 스타일을 적용 할 수 있습니까? 또는 내가 원하는 효과를 얻기 위해이 HABTM 테이블을 채우는 다른 방법이 있습니까?

답변

4

대신 $ form-> select()를 사용하여이 문제를 해결하고 스타일이나 클래스 속성을 적용하여 원하는 모양을 얻을 수 있습니다.

div 및 레이블을 제거하려는 경우 $ form-> input() 함수를 사용하지 않는 것이 좋습니다.

2

CSS로 DIV 요소를 스타일화할 수 있습니다.

<style> 
div.input div.checkbox { 
    float: left; 
    width: 50%; 
} 
</style> 
제거하거나 기본 케이크하여이

$this->Form->input("hello_test",array('type'=>'checkbox','div'=>'class_name')); 

처럼 내부 div의에 클래스를 제공 할 수

1

은 사용 유형 클래스 예 : - 유형 확인란이 다음 class="checkbox"

입니다