CSS Mise en forme des info-bulles d'invite dans le dojo

Question

Est-ce que quelqu'un connaît le nom des classes CSS responsables du style de l'info-bulle promptMessage s (ou invalidMessage s) associée à ValidationTextBox es.

Normalement Firebug fait un excellent travail de révéler tous les rouages ​​internes de CSS, mais dans ce cas, l'invite d'info disparaît lorsque j'essaie de l'inspecter!

J'ai l'intention de jouer avec des propriétés CSS telles que padding et width pour l'info-bulle promptMessage.

Answer 1

Dijit Tooltip template révèle la structure:

<div class="dijitTooltip dijitTooltipLeft" id="dojoTooltip"> 
    <div class="dijitTooltipContainer dijitTooltipContents" dojoAttachPoint="containerNode" waiRole='alert'></div> 
    <div class="dijitTooltipConnector"></div> 
</div> 

Answer 2

En fait, bien que ma question reste à des fins générales, dans le cas précis qui me intéresse, il est probablement aussi facile d'inclure dans le cadre de la teneur en infobulle les marques css qui fera ce que je veux:

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

Cela dit, je serais toujours impatient d'apprendre la classe dijit pour cette info-bulle spécifique. Il deviendrait nécessaire dans le cas de vouloir changer l'apparence de cette classe entière ...

Answer 3

J'ai eu un problème similaire lorsque vous essayez de déboguer pourquoi le css pour la ToolTip sur le ValidationTextBox apparaissait comme une boîte grise au lieu d'utiliser le css approprié. La manière normale d'afficher css et d'autres informations dans Firebug ne fonctionne pas car l'info-bulle disparaît lorsque vous cliquez dessus. Cependant, j'ai trouvé qu'en utilisant la barre d'outils Web Developer standard, vous pouvez aller à l'élément de menu CSS et sélectionner Afficher les informations de style (ou simplement faire cmd-shift-Y sur votre clavier). Cela va transformer le curseur en réticule. Vous pouvez ensuite déplacer le réticule sur l'info-bulle et l'ensemble de la chaîne CSS s'affichera pour l'info-bulle. Cela a résolu mon problème de style particulier en fournissant l'indice que j'avais besoin d'appliquer la bonne classe de thème à l'étiquette du corps. Le système que je suis en train de coder ne me permet pas de modifier directement ou d'ajouter à la balise body dans le code html généré. Cependant je dojo d'ajouter la classe après charge comme ceci:

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

et tout (Boîtes de dialogue et infobulles) fonctionnent très bien maintenant.