1

我正在为我的 JSF 应用程序使用 PrimaFaces 和 Mojarra 实现。当我将应用程序放在一起时，我使用公司/应用程序徽标和具有 jQuery 外观和感觉的 primefaces 小部件（小部件本身看起来很棒！）。问题是应用程序最终看起来非常相似，具有某种框类型的外观 - 文本框、数据表等，与 html/css 设计器/开发人员的手工编码相比，外观和感觉无处可寻。

当您开发企业 JSF 应用程序时，您使用哪些最佳实践来确保用户友好且美观的 ui？

4

1 回答 1

2

我不确定您在寻找什么，但在开发速度和外观之间存在权衡。也就是说，在我们的商店中，我们使用 PrimeFaces 并拥有使页面“工作”的开发人员。然后由 xhtml/css 设计师跟进，他们清理页面和控件的外观。如果您还没有，请查看样式部分。在更改控件的外观方面有很大的灵活性。当然，它们仍然是分层的、预定义的控件。

编辑：您可以使用 css 为控件的各个部分设置样式。所以例如在这里我们改变标题栏的外观：

.bottomViewItem .ui-panel-titlebar{ 
    background: none;
    border: none;
    box-shadow: none;
    padding: 5px;
    margin: 0.1em 16px 0.2em 0;
}

在这里我们改变标题的外观：

.bottomViewItem .ui-panel-titlebar span.ui-panel-title{
    color: #E27C4C !important;
    font-family: Rockwell, Georgia, Arial !important;
    font-size: 18px !important;
    margin: 0.1em 16px 0.2em 0;
    text-shadow: none;
}
于 2012-09-19T14:18:18.743 回答