Используйте тему демонстрации PrimeFaces или аналогичную в приложении

#jsf #primefaces #themes

#jsf #primefaces #темы

Вопрос:

Внешний вид компонентов PrimeFaces Showcase выглядит довольно красиво и просто.

Некоторые примеры:

Но в моем приложении, использующем тему по умолчанию или любую другую тему, предоставляемую PrimeFaces (Nova-Light, Nova-Dark, Luna-Blue, …), компоненты выглядят не очень хорошо (по крайней мере, на мой взгляд, конечно). Например, они имеют какой-то 3D-вид с тенями внутри входных данных. Мне это действительно не нравится.

Некоторые примеры:

Я понимаю, что, возможно, это вопрос вкуса, но я действительно хотел бы иметь ту же тему (или, наконец, что-то похожее) на тему PrimeFaces Showcase в моем приложении. Есть ли тема для этого или мне нужно бороться с CSS?

1. Это похоже Aristo на тему по умолчанию. Это не то, на что похож Nova-Light, поскольку Nova-Light используется текущей витриной, поэтому ваши компоненты должны выглядеть так, если вы правильно настроили тему в web.xml

2. Я изменил тему на nova-light , и, похоже, это сработало, хотя компоненты теперь выглядят немного большими. Возможно, мне нужно просто применить некоторый CSS, чтобы исправить размер компонентов.

Ответ №1:

Текущая онлайн-витрина использует тему «nova-light», как описано в официальной документации: https://primefaces.github.io/primefaces/8_0/#/core/themes

1. Изменено на nova-light , и это сработало, хотя теперь компоненты выглядят немного большими, больше, чем PrimeFaces Showcase. Возможно, мне придется использовать CSS сейчас, чтобы исправить размеры.

2. Да, вам, вероятно, придется настроить свой CSS.

3. @Melloware Это уже сделано, но это было не слишком много работы.