4

私は PrimeFaces を使用しています。PrimeFaces は、機能だけでなく、CSS スタイリング フレームワークにもJQuery UIを使用しています。この質問は、CSS フレームワークに関する私の無知から生じたものであり、ガイドとなる例やドキュメントを見つけることができませんでした。

私がやりたいことは、自分のパネルのエラー メッセージにテーマのスタイルを使用することです。このようなもの：

<p:panel rendered="#{bean.someError}"  styleClass="?? what goes here ??">
    <h:outputText styleClass="?? what goes here ??"
         value="Error!  A parameter to this page is wrong so it can't be rendered.  This
                is probably because you used a stale bookmark." />
</p:panel>

を使用したときに表示されるエラー メッセージに似たものにしたいと考えています。どんなポインタでも大歓迎です。

4

2 に答える 2

4

これを行う最も簡単な方法は、primefacesのショーケースを確認し、firebugを使用してcssクラスを確認することです。

パネルには独自のスタイルがあるため、のp:outputPanel代わりにlayout="block"を使用する必要があると思います。p:panel代わりに、ブロックレイアウトのoutputPanelは、スタイルのないdivをレンダリングします。

とにかく、これはあなたのコードがどのように見えるべきかです

<p:outputPanel rendered="#{bean.someError}" layout="block" styleClass="ui-messages ui-widget">
     <div class="ui-messages-error ui-corner-all">
         <span class="ui-messages-error-icon"></span>
         <ul>
            <li>
                <span class="ui-messages-error-summary">
                    <h:outputText value="Error!  A parameter to this page is wrong so it can't
                                         be rendered.  This is probably because you used a
                                         stale bookmark." />

                </span>
           </li>
        </ul>
    </div>
</p:outputPanel>
于 2012-07-10T13:14:49.910 に答える