アプリケーションのいくつかの場所で xe:namePicker を使用しています。アプリケーションのスタイルを反映するようにピッカーのスタイルを設定したいと思います。そこで、dojo 属性を使用して styleClass を指定しました。ソースコードのスクリーンショット
ただし、ピッカーには独自のインライン スタイルがあるため、スタイルは使用されません。
独自のスタイルクラスを使用するためにインライン スタイルを削除するにはどうすればよいですか?
アプリケーションのいくつかの場所で xe:namePicker を使用しています。アプリケーションのスタイルを反映するようにピッカーのスタイルを設定したいと思います。そこで、dojo 属性を使用して styleClass を指定しました。ソースコードのスクリーンショット
ただし、ピッカーには独自のインライン スタイルがあるため、スタイルは使用されません。
独自のスタイルクラスを使用するためにインライン スタイルを削除するにはどうすればよいですか?
css で次のようなインライン スタイルをオーバーライドできます。
.lotusdialog [style] {
background: yellow !important;
}
[style] は、その前に要素に追加されたインライン スタイルをオーバーライドします。この場合はクラス .lotusdialog を使用します。
「クラス」dojo属性を使用して試してみましたが、あなたとは異なり、動作しました:
名前ピッカーの xml コードは次のとおりです。
<xe:namePicker id="namePicker1" for="inputText7">
<xe:this.dataProvider>
<xe:dominoNABNamePicker></xe:dominoNABNamePicker>
</xe:this.dataProvider>
<xe:this.dojoAttributes>
<xp:dojoAttribute name="class" value="myDlgClass">
</xp:dojoAttribute>
</xe:this.dojoAttributes>
</xe:namePicker>
これは、Xpage に添付された .css リソースから styleClass を参照します。スクリーンショットでわかるように、クラスはネーム ピッカーのコンテンツ ウィジェットに関連付けられており、これも機能します。
この方法がピーターが推奨する他の方法よりも優れているかどうかはわかりませんが、何らかの形で役立つ可能性があります。