PrimeFaces 2.2.1がショーケースとローカルで異なって見える

同様の質問が表示されましたhereとhere。これらのどちらも私の質問に答えなかった。私もPrimeFaces forumを検索しました。PrimeFaces 2.2.1がショーケースとローカルで異なって見える

NetBeansでバニラJSF 2.0プロジェクトを設定するために、Simple Dialogのショーケースコードを追加しました。

コード（いるindex.xhtml）マイナスXML宣言やDOCTYPE（XHTML 1.0暫定）：

<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:p="http://primefaces.prime.com.tr/ui"> 
<h:head> 
    <title>PrimeFaces</title> 
</h:head> 
<h:body> 
    <h:panelGrid columns="1" cellpadding="5"> 
     <p:commandButton value="Basic" onclick="dlg1.show();" type="button"/> 

     <p:commandButton value="Modal" onclick="dlg2.show();" type="button"/> 

     <p:commandButton value="Effects" onclick="dlg3.show();" type="button"/> 
    </h:panelGrid> 

    <p:dialog header="Basic Dialog" widgetVar="dlg1"> 
     <h:outputText value="Resistance to PrimeFaces is futile!" /> 
    </p:dialog> 

    <p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true" height="200"> 
     <h:outputText value="This is a Modal Dialog." /> 
    </p:dialog> 

    <p:dialog header="Effect Dialog" widgetVar="dlg3" showEffect="bounce" hideEffect="explode" height="200"> 
     <h:outputText value="This dialog has cool effects." /> 
    </p:dialog> 
</h:body>

私は、追加の私のLibraries（NetBeansの道にaristoテーマを追加しましたクラスパス）とweb.xml

web.xmlの（部分）に以下を加えた：

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

テーマが正しく登録されていることを確認するために別のテーマ（ダークハイブ）をすばやくインストール/アンインストールしましたが、他の変更はありませんでした。結果は以下の通りである：

（クローム15.0.874.92）ローカル

：

Screenshot of locally created site

ショーケース：（PrimeFaces Showcaseから）

enter image description here

スタック：
PrimeFaces 2.2.1
JSF 2.0
Glassfishの3.1.1
のJava 1.6.0_18
のWindows 7のx64

編集（NetBeansの7.0.1で生成された）：これもFireFoxの上でテストされました7.0.1およびIE 9

出典

2011-10-19 Jonathan Spooner

あなたは「私は自分のライブラリにアリストのテーマを追加しました」の詳細を提供することができます:)助けることができることを願っています。プロジェクトのライブラリにjarファイルを追加しましたかライブラリを作成しましたか？あなたのプロジェクトを構築し、戦争ファイル（ファイルエクスプローラで）を探索する場合、あなたは何を期待するか分かりますか？ – vkraemer

@vkraemer JSF/PrimeFacesプラグインに含まれているライブラリからjarファイルを追加しました。これは '/enterprise/modules/ext/primefaces/primefaces-2.2.1.jar'にあります。はい、デプロイされているディレクトリ（NetBeansはインプレースデプロイメントを行います）から期待していることが分かります。これは良い点ですが、私はPrimeFaces.orgからライブラリをダウンロードし、変更があるかどうかを確認します。 –

@vkraemerダウンロードしたjarに切り替えた後、私は何の変化も見ません。 –

デフォルトのフォントサイズは問題ではありませんか？私は私のプロジェクトのいくつかと、それらのすべてはまた、いくつかのフォントサイズ/フォントファミリのカスタマイズを持って確認

body { 
    margin: 0px; 
    padding: 0; 
    font-size: 12px; 
    color: #616161; 
}

：私はそれがテーマのデフォルトをオーバーライドするカスタムフォントサイズを持っていることをshowcase cssから見ることができます。希望を助けてください

出典

2011-10-19 11:48:16 brcosta

はい、それはちょうどショーケースにカスタムCSSがあります。 –

私はあなたの3つの記事を読んだ。ここで何が問題なの？問題をより具体的に記述できますか？彼らはどう違うの？

フォントサイズについては、PrimeFaces' Documentをチェックしてください。 第8.4節：テーマのヒント：（ユーザーガイド3章7.4。テーマの4以降）

デフォルトのフォントサイズは、グローバルPrimeFaces コンポーネントのフォントサイズを変更するには、予想よりも大きいかもしれない、.ui-ウィジェットのスタイルクラスを使用します。小さなフォントの例。

.ui-widget, .ui-widget .ui-widget { 
    font-size: 90% !important; 
}

それはuが

出典

2011-10-20 09:36:43 BachT

+1のドキュメントリンク、ありがとうございます。 –

PrimeFaces 2.2.1がショーケースとローカルで異なって見える

答えて

関連する問題