2011-06-17 16 views
6

我正在使用PrimeFaces 3.0,我想將<p:layout>合併到我的頁面中。 「全頁面」模式下的佈局組件在分割頁面方面做得很好,但我在外觀上有一些問題。下面是我的測試頁的樣子:PrimeFaces 3.0 - 如何防止<p:layoutUnit>顯示邊框和/或滾動條?

enter image description here

看具體在底部/南區域的佈局單元。有兩件事我想改變。

  1. 如何阻止它顯示帶有邊框的佈局單元?
  2. 如何在內容太大而無法顯示滾動條時阻止它顯示?我只是想要它剪輯內容。

我剛剛購買了PrimeFaces 2.2手冊(目前還沒有3.0手冊),但它沒有說明這種變化。我是否需要執行一些CSS樣式魔法?

+0

*我需要執行一些CSS樣式魔法嗎?*是的! :) – BalusC

+0

@BalusC你很搞笑。 >:|午餐後我會開始討論一些CSS。這將是我第一次嘗試重寫PrimeFaces使用的CSS蒙皮類。也許這不會是一個大問題。手冊說'.ui-layout-unit'用於設計每個佈局單元容器。 –

+3

Firefox + Firebug或Chrome + Devtools對此非常有幫助。在瀏覽器中打開頁面,右鍵單擊感興趣的部分,選擇* Inspect Element *,您將在控制檯中看到它的所有CSS聲明。你甚至可以編輯/切換單獨的CSS屬性。一旦你找到了正確的,加入你自己的CSS或'