2010-12-15 10 views
3

私はrich:simpleTogglePanelを使用することだし、それはdivの上にこれらの3つのCSSクラスを置く:richfacesコンポーネントからcssクラスを削除するにはどうすればよいですか?

rich-stglpanel 
rich-stglpanel-header 
rich-stglpnl-marker 
rich-stglpanel-body 

は、私はこれらのクラスを削除することができます方法はありますか?

+2

http://stackoverflow.com/questions/622891/how-do-i-stop-richfaces-adding-borders-to-panels-and-calendarsから複製されています。 – marcosbeirigo

答えて

3

すべてのRichfacesコンポーネントには、一連のCSSクラスが付属しています。これらのCSSクラスは、トグルパネル(または他のRFコンポーネント)のアスペクトをカスタマイズするために使用されます。 component guideで説明した4つのCSSクラスは、RFフレームワークによって生成されたHTMLコンポーネントに実際に添付されています。

  1. は、4つのCSSクラスのデフォルトのプロパティを拡張するためにあなたのCSSをカスタマイズします。

    はあなたのための2つのソリューションがあります。この方法で、このコンポーネントに必要なレンダリングを行います。

  2. JavaScriptを使用してCSSクラスを削除します(おすすめしません)。

第2の解決策は、いくつかのjQueryのスクリプトを使って容易に達成することができます:

jQuery(document).ready(function() { 
    jQuery(".rich-stglpanel").removeClass("rich-stglpanel"); 
    ... 
}); 

(これはページがロードされると、CSSクラスrich-stglpanelを持つすべての要素を見つけて、このクラスを削除を意味します) 。

関連する問題