/ / Ako nastaviť maximálnu šírku dijit.ToolTip? - javascript, dojo

Ako nastaviť maximálnu šírku dijit.ToolTip? - javascript, dojo

Vyskúšal som nasledujúce, ale zdá sa, že to nefunguje.

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!

odpovede:

8 pre odpoveď č. 1

Experimentom som zistil, že to funguje:

.dijitTooltip {max-width: 50em;}


2 pre odpoveď č. 2

Stačí dať div vnútri ToolTip a obmedzte jej šírku:

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

0 pre odpoveď č. 3

Upozorňujeme, že úpravy štýlov sa vzťahujú na všetkypopisy na stránke. Dojo vytvorí (podľa potreby) 1 spoločný dijit._MasterTooltip objekt, ktorý obsahuje dom uzly popisov nástrojov a všetky popisy nástrojov ho používajú. Nasledujúci kód pridáva vlastné triedy css do kontajnera a konektora 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");