I tried the following, but it didn't seem to work.
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");
Help!
Through experimentation, I found that this works:
.dijitTooltip {max-width: 50em;}
Just put a div inside the ToolTip
and limit it's width:
<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>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With