Usunąć wszystkie stylizacje z komponentów Primefaces?

Question

Czy można usunąć wszystkie stylizacje z komponentów Primefaces? Mam na myśli, że zestaw komponentów jest dobry, ale konieczność ręcznego zmieniania każdego najmniejszego elementu każdego komponentu, aby dopasować styl komponentu do ogólnego projektu mojej aplikacji, nie jest dobry. Nie mogę używać godzin na używanie Firebug, aby znaleźć klasy, których używa itp. I tak dalej.

Więc nie ma sposobu, aby to usunąć i używać tylko składników dla ich funkcjonalności i zapewnić własny projekt, zamiast być zmuszonym do używania domyślnego .... lub jednego z "motywów"?

Answer 1

Ustaw parametr kontekstowy na none, a otrzymasz funkcjonalny interfejs użytkownika bez stylów.

<context-param> 
    <param-name>primefaces.THEME</param-name> 
    <param-value>none</param-value> 
</context-param> 

Nie trzeba poświęcać czasu na edytowanie stylów. Stylizacja PrimeFaces odbywa się za pośrednictwem wspólnych stylów, takich jak ui-widget-header, ui-widget-content, które można dostosować za pomocą formularza internetowego themeroller. Nie sądzę, że JSF i motywy mogą być łatwiejsze niż PrimeFaces.

Answer 2

Jeśli chcesz użyć primefetów z własnymi bibliotekami css, czy nie byłoby łatwiej stworzyć własny motyw za pomocą jQuery UI - ThemeRoller?

Oto link do tego, jak stworzyć swój own Theme for PrimeFaces

Answer 3

Stwórz własny motyw jak @Daniel powiedział. Chcę tylko dodać:

Do stylizacji częściowych nie trzeba wszystkiego ogrzewać, dlatego klasy podstawowe user guide obejmują klasy stylów dla każdego elementu. Zawiera również inne bardzo przydatne informacje i wskazówki (również część dotycząca skórowania). Więc używaj go jako swojego pierwszego źródła, gdy będziesz miał problemy z podstawami.

Answer 4

PrimeFaces domyślnie wstawia dwa pliki CSS, theme.css i primefaces.css. Można usunąć theme.css poprzez umieszczenie następujących do web.xml:

<context-param> 
    <param-name>primefaces.THEME</param-name> 
    <param-value>none</param-value> 
</context-param> 

Następnie można nadpisać primefaces.css tworząc pusty plik w:

WebContent/resources/primefaces/primefaces.css