2009-12-28 146 views
5

我嘗試了以下,但似乎沒有工作。如何設置dijit.ToolTip的最大寬度?

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

幫助!

回答

8

通過實驗,我發現這工作:

.dijitTooltip {max-width: 50em;}

+1

+1看起來你還討論了[這裏](HTTP://dojo-toolkit.33424.n3.nabble .com/setting-max-width-of-dijit-ToolTip-td102038.html#none)在Dojo論壇上?並得到了一些支持這個解決方案。 – MarkJ 2011-12-30 13:15:24

0

需要注意的是樣式修改應用到頁面上的所有提示。 Dojo創建(需要時)1個用於存放工具提示dom節點的常用dijit._MasterTooltip對象,並且所有工具提示都使用它。 以下代碼將自定義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"); 
2

只要把一個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> 
相關問題