Jak ustawić max-szerokość dijit.ToolTip?

Question

Próbowałem następujące, ale nie wydaje się działać.

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

Pomoc!

Answer 1

Poprzez eksperymentowanie, stwierdziliśmy, że to działa:

.dijitTooltip {max-width: 50em;}

Answer 2

pamiętać, że zmiany stylu zastosowanie do wszystkich etykiet na stronie. Dojo tworzy (jeśli jest to wymagane) 1 wspólny obiekt dijit._MasterTooltip, który przechowuje węzły domena tooltip i wszystkie podpowiedzi go używają. Poniższy kod dodaje niestandardowe klasy css do kontenera i złącza 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

Wystarczy umieścić div wewnątrz ToolTip i ograniczyć jego szerokość:

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