首页 > 解决方案 > 将 Primefaces 主题转换为 Material Design UI

问题描述

我需要将我的 primefaces 主题转换为看起来像材料设计主题。所有的输入框、下拉菜单和日历等都应该看起来像材料设计。我尝试使用以下 URL,但卡在选择框和日历设计中:

http://materializecss.com/

请建议一些方法或让 UI 看起来像 primefaces 中的材料设计。

标签: user-interfacejsfprimefacesmaterial-design

解决方案


基本上,你最好使用这样的东西:

https://www.primefaces.org/layouts/ultima/

Primefaces 使用许多样式代码来制作现成的组件。这有一个好处,你只需要使用它们。但是当涉及到改变他们的风格时,你会发现很多关于布局、背景图像等的问题。因此,如果这是客户要求,我会毫不犹豫地购买主题,否则您将需要很多小时来自己进行更改,结果可能会令人失望。

另一种选择可能只是使用材料样式和原始 JSF。这取决于您需要什么样的组件。此外,从 2018 年 4 月开始,您将获得一个全新的PF 设计器 API,您可以在其中设计自己的主题。但是,您需要许可证才能使用它。


推荐阅读