Cómo establecer el ancho máximo de dijit.ToolTip?

Question

Intenté lo siguiente, pero no pareció funcionar.

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");

¡Ayuda!

Answer 1

través de la experimentación, he encontrado que esto funciona:

.dijitTooltip {max-width: 50em;}

Answer 2

en cuenta que las modificaciones de estilo se aplican a todos la información sobre herramientas en la página. Dojo crea (cuando sea necesario) 1 objeto dijit._MasterTooltip común que contiene los nodos dom de información sobre herramientas, y todas las sugerencias de herramientas lo usan. El siguiente código agrega clases CSS personalizadas al contenedor y conector 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"); 

Answer 3

Sólo hay que poner un div dentro de la ToolTip y limitan su anchura:

<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>