1

JSF アプリケーションに Mojarra 実装で PrimaFaces を使用しています。アプリケーションを作成するときは、会社/アプリのロゴと、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 に答える