2009-12-28 14 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 Dojo मंच पर .com/सेटिंग-max-width-of-dijit-toolTip-td102038.html # none)? और इस समाधान के लिए कुछ समर्थन मिला। – MarkJ

0

ध्यान दें कि शैली संशोधनों पृष्ठ पर सभी टूलटिप्स पर लागू होते हैं। डोजो बनाता है (जब आवश्यक हो) 1 सामान्य dijit._MasterTooltip ऑब्जेक्ट जो टूलटिप के डोम नोड्स रखता है, और सभी टूलटिप्स इसका उपयोग करते हैं। निम्नलिखित कोड 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

बस ToolTip अंदर एक div रख दिया और सीमित कर यह चौड़ाई है:

<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> 
संबंधित मुद्दे