Как установить максимальную ширину dijit.ToolTip?

Question

Я пробовал следующее, но он, похоже, не работал.

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

Помощь!

Answer 1

с помощью экспериментов, я обнаружил, что это работает:

.dijitTooltip {max-width: 50em;}

Answer 2

Обратите внимание, что изменения стиля применяются ко всем подсказкам на этой странице. Dojo создает (если требуется) 1 общий объект dijit._MasterTooltip, в котором хранятся верхние узлы tooltip, и все всплывающие подсказки используют его. Следующий код добавляет пользовательские классы css к контейнеру и соединителю 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

Просто поместите DIV внутри ToolTip и ограничить его ширина:

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