0

es に関連付けられた dojo promptMessage(またはs) ツールチップのスタイル設定を担当する CSS クラスの名前を知っている人はいますか?invalidMessageValidationTextBox

通常、Firebug は CSS のすべての内部動作を明らかにする素晴らしい仕事をしますが、この場合、調べようとするとツールチップ プロンプトが消えてしまいます!

paddingツールチップなどwidthのCSS プロパティで遊ぶつもりですpromptMessage。

4

3 に答える 3

3

Dijitツールチップテンプレートは構造を明らかにします：

<div class="dijitTooltip dijitTooltipLeft" id="dojoTooltip">
    <div class="dijitTooltipContainer dijitTooltipContents" dojoAttachPoint="containerNode" waiRole='alert'></div>
    <div class="dijitTooltipConnector"></div>
</div>
于 2009-01-31T18:36:43.447 に答える
0

ValidationTextBoxのToolTipのcssが、適切なcssを使用する代わりに、プレーンな灰色のボックスとして表示される理由をデバッグしようとしたときに、同様の問題が発生しました。ツールチップをクリックするとツールチップが消えるため、Firebugでcssやその他の情報を表示する通常の方法は機能しません。ただし、標準のWeb Developerツールバーを使用すると、CSSメニュー項目に移動して[スタイル情報の表示]を選択できることがわかりました（またはキーボードでcmd-shift-Yを実行するだけです）。これにより、カーソルが十字線に変わります。次に、十字線をツールチップ上に移動すると、cssチェーン全体がツールチップに表示されます。これは、適切なテーマクラスをbodyタグに適用する必要があるというヒントを提供することで、私の特定のスタイリングの問題を解決しました。私がコーディングしているシステムでは、生成されたhtmlのbodyタグを直接変更または追加することはできません。

  dojo.query("body").addClass("claro");

そして、すべて（ダイアログとツールチップ）がうまく機能するようになりました。

于 2011-04-30T10:21:59.747 に答える
0

実際、私の質問は一般的な目的のために残っていますが、私が興味を持っている特定のケースでは、ツールチップのコンテンツの一部として、私が望むことを行う css マーキングを含めるのはおそらく簡単です:

dijit.form.ValidationTextBox({
   promptMessage = "<div class='customizedWidth'>Blabla</div>"
},myNode);

そうは言っても、その特定のツールチップの dijit クラスを学びたいと思っています。そのクラス全体の外観を変更したい場合に必要になります...

于 2009-01-31T04:33:56.317 に答える