2011-06-17 28 views
6

Tôi đang sử dụng PrimeFaces 3.0 và tôi muốn kết hợp các <p:layout> vào các trang của mình. Thành phần bố cục trong chế độ 'fullPage' thực hiện công việc tốt đẹp khi chia trang, nhưng tôi có một số vấn đề với giao diện của nó. Đây là những gì trang thử nghiệm của tôi trông giống như:PrimeFaces 3.0 - Làm cách nào để ngăn <p: layoutUnit> hiển thị đường viền và/hoặc thanh cuộn?

enter image description here

Look đặc biệt ở phía dưới đơn vị bố trí/nam. Có hai điều tôi muốn thay đổi.

  1. Làm cách nào để ngăn hiển thị đơn vị bố cục đó với đường viền xung quanh?
  2. Làm cách nào để ngăn hiển thị thanh cuộn khi nội dung quá lớn không vừa? Tôi chỉ muốn nó clip nội dung.

Tôi vừa mua sổ tay PrimeFaces 2.2 (chưa có cẩm nang 3.0), nhưng không nói đến loại thay đổi này. Tôi có cần thực hiện một số phép thuật tạo kiểu CSS?

+0

* Tôi có cần thực hiện một số phép thuật tạo kiểu CSS? * Có! :) – BalusC

+0

@BalusC Bạn vui tính. >: | Tôi sẽ bắt đầu rối tung xung quanh với một số CSS sau bữa trưa. Đây sẽ là nỗ lực đầu tiên của tôi trong việc ghi đè các lớp CSS skinning mà PrimeFaces sử dụng. Có lẽ nó sẽ không phải là một việc lớn như vậy. Hướng dẫn sử dụng nói rằng '.ui-layout-unit' được sử dụng để tạo kiểu cho mỗi vùng chứa đơn vị bố cục. –

+3

Firefox + Firebug hoặc Chrome + Devtools cực kỳ hữu ích trong việc này. Mở trang trong trình duyệt, phần thích hợp nhấp chuột phải, chọn * Kiểm tra phần tử * và bạn sẽ thấy tất cả các khai báo CSS của nó trong bảng điều khiển. Bạn thậm chí có thể chỉnh sửa/chuyển đổi các thuộc tính CSS riêng biệt. Khi bạn tìm thấy đúng, hãy thêm nó vào CSS của riêng bạn hoặc '