ウィジェットカスタマイズ

ExtJS

「css に !important を忘れずに。」
Ext JS では、コンフィグオプションの cls, ctCls, iconCls なんかに、css のクラスを指定することで、アイコンを付けたり、デザインを変更したりできるはずなのだが、ぜんぜん反映されなくて、困っていたところ…。

SenchaによるWebアプリ開発のゼノフィ のワークショップに参加して、小堤さんに訊いて、一言で解決してしまった。

「"!important" を付けてないんぢゃないですか?」。

こんな感じ。

.icon_append {
     background-image: url(/images/icon_append.png) !important;
}

"!important" ってちゃんとした css の仕様だったのね。