This is my code:
$("#pivotGrid").igPivotGrid({ dataSource: dataSource, height: "650px", width: "770px", gridOptions: { alternateRowStyles: true, caption: "My pivot grid", features: [ { name: "Tooltips", visibility: "always" }, { name: "Resizing", deferredResizing: false, allowDoubleClickToResize: true } ], enableHoverStyles: true } });
How can I ensure that the tooltip doesn't wrap i.e. here the value is "5.3415" and this is how it shows in tooltip (2 lines). I want the whole amount in one line and do not want to make it shown in 2/3 lines. Please suggest how can I design it nicely.
Hello Aziz,
I am following up to see if the information provided has resolved this matter.
Please let me know if I may be of further assistance with this matter.
Thank you for the update. I have done some further looking into this matter and I have been able to reproduce this issue. You can resolve this by setting the style property of the tooltips feature to popover, for example:
{ name: "Tooltips", visibility: "always", style: "popover" },
Please let me know if you have any further questions concerning this matter.
I'm using Firefox 28.0
Ignite UI 2013.2
You can drag a measure and put it at the top of all measures and you would see "..." at the end of the value - especially when the column caption cell is small width and the text in that column is long width text. Alternatively with the code above you can resize any column and make it small width so see "..." and then see how the tooltip looks.
Thank you for contacting Infragistics!
I have done some looking into this matter and have so far been unable to reproduce the issue. I have some following up questions concerning this matter.
What browser are you using?
What version of the browser?
What version if Ignite UI are you using?
What service release?