2011-06-17 7 views
6

Używam PrimeFaces 3.0 i chcę włączyć <p:layout> do moich stron. Komponent layoutu w trybie "fullPage" nieźle zajmuje się dzieleniem strony, ale mam pewne problemy z jej wyglądem i stylem. Oto co moja strona testowa wygląda następująco:PrimeFaces 3.0 - Jak zapobiec wyświetlaniu obramowania i/lub pasków przewijania za pomocą <p: layoutUnit>?

enter image description here

Look specjalnie na dole/jednostki układu południowej. Są dwie rzeczy, które chcę zmienić.

  1. Jak zatrzymać wyświetlanie tego układu z obramowaniem wokół niego?
  2. Jak zatrzymać wyświetlanie paska przewijania, gdy zawartość jest zbyt duża, aby zmieściła się? Chcę tylko, żeby klip był zawarty w treści.

Właśnie kupiłem podręcznik PrimeFaces 2.2 (nie ma jeszcze instrukcji 3.0), ale nie przemawia on do tego rodzaju zmian. Czy muszę wykonać magię stylizacji CSS?

+0

* Czy muszę wykonać magię stylu CSS? * Tak! :) – BalusC

+0

@BalusC Jesteś przezabawny. >: | Zacznę bawić się z niektórymi CSS po lunchu. To będzie moja pierwsza próba obejścia klas skórek CSS używanych przez PrimeFaces. Może to nie będzie taka wielka sprawa. Instrukcja mówi, że ".ui-layout-unit" służy do stylizowania każdego kontenera jednostki układu. –

+3

Firefox + Firebug lub Chrome + Devtools jest bardzo pomocny w tym. Otwórz stronę w przeglądarce, kliknij prawym przyciskiem myszy, wybierz * Inspect Element *, a zobaczysz wszystkie deklaracje CSS w konsoli. Możesz nawet edytować/przełączać oddzielne właściwości CSS. Po znalezieniu właściwego, dodaj go we własnym CSS lub '