Comment définir la largeur maximale de dijit.ToolTip? - javascript, dojo

J’ai essayé ce qui suit, mais cela n’a pas semblé fonctionner.

var helpIcon = dojo.create("span", {"class":"help-icon", innerHTML:"[?]"}, td1);
var tooltip = new dijit.Tooltip({
connectId: [helpIcon],
label: "large paragraph of text here ... "
});
tooltip._setStyleAttr("max-width: 100px");

Aidez-moi!

Réponses:

Grâce à l'expérimentation, j'ai constaté que cela fonctionne:

.dijitTooltip {max-width: 50em;}

Il suffit de mettre une div à l'intérieur du ToolTip et limiter sa largeur:

<span id="a">Some Text</span>
<div dojoType="dijit.Tooltip" connectId="a" position="below">
<div style="width: 400px;">Some Info Some Info Some Info Some Info
Some Info Some Info Some Info Some Info Some Info Some Info Some Info
Some Info Some Info Some Info Some Info Some Info Some Info Some Info
Some Info Some Info Some Info Some Info Some Info Some Info </div>
</div>

Notez que les modifications de style s’appliquent à tous lesinfobulles sur la page. Dojo crée (si nécessaire) 1 objet commun dijit._MasterTooltip contenant les nœuds dom de l’info-bulle, et toutes les info-bulles l’utilisent. Le code suivant ajoute des classes CSS personnalisées au conteneur et au connecteur rooltips.

if(!dijit._masterTT)
dijit._masterTT = new dijit._MasterTooltip();
// Add a css class to the container
if(dijit._masterTT.domNode.childNodes[0])
dojo.addClass(dijit._masterTT.domNode.childNodes[0], "classContainer");
// Add a css class to the connector
if(dijit._masterTT.domNode.childNodes[1])
dojo.addClass(dijit._masterTT.domNode.childNodes[1], "classConnector");