Come impostare la larghezza massima di dijit.ToolTip?

Question

Ho provato quanto segue, ma non sembra funzionare.

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

Help!

Answer 1

Attraverso la sperimentazione, ho trovato che questo funziona:

.dijitTooltip {max-width: 50em;}

Answer 2

notare che modifiche di stile si applicano a tutti i suggerimenti sulla pagina. Dojo crea (quando richiesto) 1 oggetto comune dijit._MasterTooltip che contiene i dom dom del tooltip e tutti i tooltip lo utilizzano. Il codice seguente aggiunge classi css personalizzate al contenitore e al connettore di 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

Basta mettere un div all'interno della ToolTip e limitare la sua larghezza:

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