2009-08-12 25 views
5

Tôi có hai bảng: "nhà hàng" và "món ăn" có liên quan với nhau bằng một bảng HABTMCakePHP hình thức helper - HABTM nhiều hộp kiểm styling

Các món ăn bảng có mục cố định nào đó - 54 số

Một nhà hàng có thể có bất kỳ số lượng các món ăn. Về nướng các ứng dụng này đi kèm với một lựa chọn nhiều. Vì tôi muốn các hộp kiểm tra tôi đã sử dụng mảng ('type' => 'select', 'multiple' => 'checkbox') để chuyển đổi nó thành các hộp kiểm.

Bây giờ tôi muốn tạo kiểu cho cách hộp kiểm này được hiển thị thành các cột 4 như được thấy trên ảnh chụp màn hình bên dưới.

img2.pict. com/82/bc/a4/1.453.459/0/200908111511.png

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

Đoạn mã trên tạo ra nhiều của div xung quanh mỗi nguyên tố như sau

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

Tôi đã thử những điều sau đây:

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

nhưng mã này chỉ xóa các div và nhãn bên ngoài. Tôi không thể kiểm soát nội bộ

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

xuất hiện xung quanh các hộp kiểm duy nhất.

Làm cách nào tôi có thể sử dụng FormHelper để xóa hoặc cung cấp các lớp học cho các div nội bộ, vì vậy tôi có thể thực hiện một số kiểu tùy chỉnh? Hoặc có cách nào khác để điền bảng HABTM này để có được hiệu ứng tôi muốn không?

Trả lời

4

Bạn có thể giải quyết vấn đề này bằng cách thực hiện $ form-> select() thay vào đó và áp dụng một thuộc tính hoặc kiểu lớp để làm cho nó trông như thế nào bạn muốn.

Dường như bạn không sử dụng hàm $ form-> input() nếu bạn định loại bỏ div và nhãn.

2

Bạn có thể cách điệu các phần tử DIV bằng CSS.

<style> 
div.input div.checkbox { 
    float: left; 
    width: 50%; 
} 
</style> 
1

Bạn có thể loại bỏ hoặc giảng dạy cho học divs nội bộ như thế này

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

By bánh mặc định sử dụng: kiểu lớp ví dụ - loại là hộp kiểm sau đó class="checkbox"

Các vấn đề liên quan